# Image Carousel

**URL:** <https://community.glideapps.com/t/image-carousel/14353>\
**Category:** Ask for Help\
**Created:** [August 21, 2020, 7:36pm UTC](https://community.glideapps.com/t/image-carousel/14353 "2020-08-21T19:36:41Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![jillrohan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jillrohan/32/3737_2.png) [@jillrohan](https://community.glideapps.com/u/jillrohan)\
**Post date:** [August 21, 2020, 7:36pm UTC](https://community.glideapps.com/t/image-carousel/14353/1 "2020-08-21T19:36:41Z")

</div>

I have made several Image Carousels and they work perfectly except I can only load 4 images in each one.  
I have the image column and 8 columns that are numbered image 1, image 2, etc. but only four of the pictures appear in the carousel and not in a particular order. ??

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 21, 2020, 8:22pm UTC](https://community.glideapps.com/t/image-carousel/14353/2 "2020-08-21T20:22:14Z")

</div>

Are all the columns next to each other in the Google sheet, or do you have other columns in between ‘Image 4’ and ‘Image 5’? Did you happen to add additional image columns at a later time? Are all image urls prefixed with https instead of http?

---

<div class="post-metadata">

**Author:** ![jillrohan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jillrohan/32/3737_2.png) [@jillrohan](https://community.glideapps.com/u/jillrohan)\
**Post date:** [August 21, 2020, 8:42pm UTC](https://community.glideapps.com/t/image-carousel/14353/3 "2020-08-21T20:42:07Z")

</div>

Thanks for your reply Jeff.  
The columns are all next to each other and are all https. They are google links.  
Yes I did add some columns at a later time. I will try starting over and see if that works.  
I will delete all columns and delete all images.  
But, does this mean more pictures can’t be added at a later time?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 21, 2020, 10:26pm UTC](https://community.glideapps.com/t/image-carousel/14353/4 "2020-08-21T22:26:27Z")

</div>

I’m not sure. My only thought is that now Glide will put all new columns at the end of the sheet in the data editor and it won’t match the order that’s in the google sheet unless you drag them around yourself. I was just wondering if adding more columns later breaks the array. You could check in the data editor to see if the array column that’s created shows all of the image urls. Either way it may be a bug.

---

<div class="post-metadata">

**Author:** ![jillrohan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jillrohan/32/3737_2.png) [@jillrohan](https://community.glideapps.com/u/jillrohan)\
**Post date:** [August 21, 2020, 11:08pm UTC](https://community.glideapps.com/t/image-carousel/14353/5 "2020-08-21T23:08:57Z")

</div>

Got it! I went back and deleted the “image” component and then added it again. All 8 photos appeared this time! Thanks again…you all are great at Glide.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [August 21, 2020, 11:13pm UTC](https://community.glideapps.com/t/image-carousel/14353/6 "2020-08-21T23:13:06Z")

</div>

Might still be a bug. I’ve never added array columns to an existing array, so I’m not sure how it would react. If you ever need a solution that will grow dynamically, instead of using an array of columns, you could put the images in individual rows in a separate sheet. Then create a multiple relation from the sheet where you currently have the images to the new sheet. Then create a lookup column against the relation. That will pull back the image urls as an array that you can use in an image component.

---

<div class="post-metadata">

**Author:** ![jillrohan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jillrohan/32/3737_2.png) [@jillrohan](https://community.glideapps.com/u/jillrohan)\
**Post date:** [August 22, 2020, 3:17pm UTC](https://community.glideapps.com/t/image-carousel/14353/7 "2020-08-22T15:17:10Z")

</div>

Thanks again! This would be great for a large carousel, or one I would want to make changes to.

---

<div class="post-metadata">

**Author:** ![Cristian\_Figueiredo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cristian_figueiredo/32/26168_2.png) [@Cristian\_Figueiredo](https://community.glideapps.com/u/Cristian_Figueiredo)\
**Post date:** [June 17, 2021, 7:19pm UTC](https://community.glideapps.com/t/image-carousel/14353/8 "2021-06-17T19:19:27Z")

</div>

for the image to change automatically, I use this script:

@import '//glidetools.ml/app-widgets/slideshow/1?slides=5&interval=2';

---

<div class="post-metadata">

**Author:** ![Shiv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shiv/32/25831_2.png) [@Shiv](https://community.glideapps.com/u/Shiv)\
**Post date:** [June 17, 2021, 7:27pm UTC](https://community.glideapps.com/t/image-carousel/14353/9 "2021-06-17T19:27:01Z")

</div>

@Cristian_Figueiredo Can you share more details on that script on how it works ?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 17, 2021, 11:10pm UTC](https://community.glideapps.com/t/image-carousel/14353/10 "2021-06-17T23:10:29Z")

</div>

Seems like it’s a web that someone on here runs to store their own scripts. Just put that in a rich text component and it will work, but as we don’t know who the owner is, if there’s a problem we don’t know who to contact.
