Image Carousel

Ask for Help
1

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. ??

2

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?

3

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?

4

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.

5

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.

1 Like
6

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.

7

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

1 Like
8

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

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

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

10

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.