> For the complete documentation index, see [llms.txt](https://blog.mantago.cc/en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blog.mantago.cc/en/message-pack/message-pack-carousel.md).

# Message pack: carousel

<figure><img src="https://971361156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjEgYnj4JfzImd872neOw%2Fuploads%2FZFcWzhyTzU9MXfyR901n%2Fcarousel.png?alt=media&amp;token=1995f6fa-89fc-42c0-a198-75f4d5bf36ae" alt=""><figcaption></figcaption></figure>

1. Added image carousel

   1. Add a picture&#x20;
   2. Click on an empty field to edit the title

   <figure><img src="https://971361156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjEgYnj4JfzImd872neOw%2Fuploads%2FwtwzCZxYK7hGskJ3YFZb%2FCarousel%202.png?alt=media&amp;token=816305cd-a4d3-4b3c-9a98-a8848805861a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://971361156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjEgYnj4JfzImd872neOw%2Fuploads%2F5gOgTTObtZpZq15IyEAU%2Fcarousel%203.png?alt=media&amp;token=94a20daa-daaf-498c-af2a-bd433224146c" alt=""><figcaption></figcaption></figure>

2. Add a second image carousel
   1. Click the "Add" button to add a second image carousel&#x20;
   2. Click the "arrow" button to switch the image carousel

<figure><img src="https://971361156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjEgYnj4JfzImd872neOw%2Fuploads%2F0w4LPJNBmFySx4ISNXdD%2Fcarousel%204.png?alt=media&amp;token=5ca432e8-b3fe-4235-adce-d46752377e3b" alt=""><figcaption></figcaption></figure>

3. Preview screen&#x20;
   1. Preview the message content through the mobile phone on the left&#x20;
   2. Image carousel "arrow" button to change the order of images&#x20;
   3. The "square" button below can switch the image carousel

<figure><img src="https://971361156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjEgYnj4JfzImd872neOw%2Fuploads%2FGlGf6hs4aRWjFa7WKsZs%2Fcarousel%204%20copy.png?alt=media&amp;token=b11ff9ac-be27-400b-a892-126eaf88534c" alt=""><figcaption></figcaption></figure>

4. Change the order of pictures&#x20;

   1. Click the "arrow" button of the image carousel to change the order of the images&#x20;
   2. In the pop-up window, you can change the order by clicking on it

   <figure><img src="https://971361156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjEgYnj4JfzImd872neOw%2Fuploads%2Fv3XyW13NwUhA4W6jk7XU%2Fcarousel%205.png?alt=media&amp;token=f6fccd4f-e17b-48eb-b0de-7188c3262df6" alt=""><figcaption></figcaption></figure>

Yay! Now you are done setting the carousel&#x20;