# Image Carousel in Glide Pages

**URL:** <https://community.glideapps.com/t/image-carousel-in-glide-pages/59478>\
**Category:** Feature Requests\
**Created:** [March 21, 2023, 6:22pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478 "2023-03-21T18:22:14Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [March 21, 2023, 6:22pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/1 "2023-03-21T18:22:14Z")

</div>

I’m aware of the ability to see multiple images as a Gallery in Glide Apps using an array.  
But the same behavior does not translate to Glide Pages.

Additionally, it would be great if we could have vertical oriented Tiles, same as Glide apps, so the users could preview multiple images in a Gallery. (sort of like in a product page in Shopify below the primary image.)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [March 21, 2023, 6:26pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/2 "2023-03-21T18:26:46Z")

</div>

For sure!

---

<div class="post-metadata">

**Author:** ![Martinus\_Goh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/martinus_goh/32/53576_2.png) [@Martinus\_Goh](https://community.glideapps.com/u/Martinus_Goh)\
**Post date:** [May 25, 2023, 5:01am UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/3 "2023-05-25T05:01:07Z")

</div>

each image with separated caption too 😊

---

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [May 30, 2023, 10:44pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/4 "2023-05-30T22:44:36Z")

</div>

It’s already available!

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [May 31, 2023, 1:07am UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/5 "2023-05-31T01:07:18Z")

</div>

I’m sure we’ll have image carousel at some point, it’s requested often. The array method does work in pages though…

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/7/778b296e3aac009da1f5024ff2a9bece2c09d897.jpeg)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/e/2e5d8873a4f02b8a10d1ccd0f42df69e8a58853d.png)

---

<div class="post-metadata">

**Author:** ![Martinus\_Goh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/martinus_goh/32/53576_2.png) [@Martinus\_Goh](https://community.glideapps.com/u/Martinus_Goh)\
**Post date:** [May 31, 2023, 1:52am UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/6 "2023-05-31T01:52:27Z")

</div>

which part ?  
the carousel image ?

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [May 31, 2023, 2:14pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/7 "2023-05-31T14:14:58Z")

</div>

The array method to build a sudo-carousel works in Pages (now just called Glide Apps). OP had said that it didn’t work, so just correcting that.

---

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [May 31, 2023, 7:13pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/8 "2023-05-31T19:13:50Z")

</div>

@Martinus_Goh

> which part ?  
> the carousel image ?

I’m using a Horizontal grid collection Instead.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/5/e589b16b83335c9898b668bf026a32e27067fb2e.png)

@DarrenHumphries

> The array method to build a sudo-carousel works in Pages

Really? I tried, it’s not working.

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [May 31, 2023, 7:41pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/9 "2023-05-31T19:41:33Z")

</div>

Oh, I think I see why it’s not working. If you use a collection then you are going from one record to the next. In the example I used all images in the carousel are on the same row, so a horizontal collection wouldn’t work.

What I have is just a detail page for the photos and buttons to advance through the array.

---

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [June 1, 2023, 1:30am UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/10 "2023-06-01T01:30:02Z")

</div>

Ah, so you built the buttons yourself, it’s not native with the Image component, right?

Classic Glide automatically navigated thru the array of images for you.

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [June 1, 2023, 1:56am UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/11 "2023-06-01T01:56:24Z")

</div>

Yes, I built the buttons. They just increment/decrement the column that determines which image in the array to display.

---

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [June 1, 2023, 3:29am UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/12 "2023-06-01T03:29:02Z")

</div>

Ahh, ok- so it’s not native then.  
Used to be a native functionality.

What’s your logic to display a specific photo within the array?

---

<div class="post-metadata">

**Author:** ![DarrenHumphries](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darrenhumphries/32/91715_2.png) [@DarrenHumphries](https://community.glideapps.com/u/DarrenHumphries)\
**Post date:** [June 1, 2023, 2:13pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/13 "2023-06-01T14:13:06Z")

</div>

I based my setup on the info in this thread: [Create an image gallery/carousel in Glide Pages](https://community.glideapps.com/t/create-an-image-gallery-carousel-in-glide-pages/42993)

Hope that helps.

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/david/32/62831_2.png) [@david](https://community.glideapps.com/u/david)\
**Post date:** [August 20, 2023, 11:42pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/14 "2023-08-20T23:42:09Z")

</div>

Shipped!

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [August 27, 2023, 11:42pm UTC](https://community.glideapps.com/t/image-carousel-in-glide-pages/59478/15 "2023-08-27T23:42:56Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
