How to make an Image Carousel

[ThinhDinh]

If you don’t need an array column then that would work. Array columns are only added for sequential numbers.

[Jeff_Hager]

You can simulate an array column with a template column and a split text column.

Display images in different columns

You can’t create array columns like that in Glide Tables. You can only do it in google sheets. What I would try is to create a template column to join the two image columns with a comma separating them. Then create a Split Text column that splits on that comma and then creates an array. A multiple relation with a lookup also works as it returns an array, but your data would need to be structured in rows instead of columns. I would try my first suggestion.

[Jen_NYCP]

Yes, I only need them stacked as components, but wanted clear headers for it. Thanks.

[GAN]

how about 2021 version? glide can’t automatically create the special column

[ThinhDinh]

Did you do the columns in a Glide Table? If you have them in the Sheet, do you place them next to each other?

[Zonez_SF]

Hello all, does anybody know if instead of an image carousel, could an image change every time the user visits? For example, let’s say I’m making a tourism/city discovery app for NY. Maybe one time I open the app, I want an image of Times Square but the next time I visit, I want a picture of someplace more unique to locals like Union Square as locals won’t really care about Times Square if they live there.

Thanks in advance!

[Darren_Murphy]

You can do this with Single Value → Random

[daspearce]

Odd, I just created 3 image columns, Image 1, Image 2, Image 3 next to each other, but in a table.
I cant see the automatic column.
Am I missing any special rules?
do they have to be at the end of the sheet.
this is a glide sheet with other columns, but they are next to each other.
defined as images

[Darren_Murphy]

Image Carousel on New Glide

Columns will only automatically merge into an array column if you use google sheets. That method doesn’t work for glide tables. What you will want to do is create a template column that merges each individual column together with a delimiter between each value in the template. Then use a Split Text column to split on that delimiter, which will convert it into an array column.

[daspearce]

That Works, Thanks Darren.

Ok, let me test this baby a bit more!!!
So is there a way to have a dynamic text overlay on the carousel.
ie. for each Image 1, 2,3 field, I have an overlay text field, that is also dynamically based on the picture I am showing.
Tried and array, but that doesn’t work in the same way.

Maybe I am pushing you too far, but maybe there is some form of dynamic relationship or way I can make the caption field dynamic in some sort of way based on the image being shown!!

Come on, really impress me, If I am not already!!
David

[ThinhDinh]

I don’t think there’s a way to do it natively as the carousel swipe does not trigger anything. Would have to make the overlay in Cloudinary I guess.

[Krivo]

@daspearce you could do something similar with an inline list - tiles layout.
Otherwise as @ThinhDinh says - use cloudinary to change the image by providing an overlay with relevant info

Inspiration for overlays can eg be seen here

Image carousel - indication of mutiple images

Url: https://imagecarouselv2.glideapp.io/ [image] The image carousel functionality has changed so the image number overlay disappears after approx 2 seconds. That doesn’t work for me as the user might not see the number overlay - and thereby not realize that the image is actualy part of an image carousel - resulting in the user not using the image carousel. In the app there has been put an indicator in the button of the screen so the user can see that there are more images to se…

[Manu.n]

just for Laughs,
isn’t that a carousel ???
ok it’s not funny !!!

[Cristian_Figueiredo]

I use it automatically with this script

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

[Rahul_Mahto]

but when I created some columns from the same names like Image 1, Image 2, Image 3, etc. I haven’t found the main column which adds the images
please help…[file:///C:/Users/User/Downloads/yufdy.pdf](file:///C:/Users/User/Downloads/yufdy.pdf)

[ThinhDinh]

Please attach a valid screenshot here so we can debug the issue.

Have you put them next to together in the Sheet or are you using Glide Tables?

[Adrianne_Stone]

@ThinhDinh

xt to together in the Sh

I was also having the issue where the array field was not showing up and it turns out that even though I put the columns next to each other in the data editor, they were not next to each other in the google sheet. Once I moved them the array column appeared. This needs to be added to the documentation because it was EXTREMELY frustrating.

[ThinhDinh]

@PabloMFalero I think we can have a doc update regarding the issue above in the array column page.

Array Column

[Ana_Alexandra_Pinto]

This is exactly what I’m thinking of presenting as the option. Especially since the idea is for the images to be ads, so they all will most likely be clickable and direct to a URL. I’m still unsure if the fact that it doesn’t automatically rotate between ads that it’s a less interesting product. But still, lets see.

@Christopher_Breen How did you end up doing it and has it worked for you? (I guess since the original post is from 2019 you’ll probably have the best experience to share).

[Jeff_Hager]

With the things that have changed in the past couple of years, u could probably do something with a math column to get the current time, a roll dice column triggered by the time, and use that result as an index to find an image in an array of images.