Here is a small demonstration of an image carousel.
Well, this remains an example like any other.

WARNING: to integrate the carousel, I use the webview component, so you must have a pro package for this to work in publication !!!

------------------------------------- Carousel V2
------------------------------------- Update :

Adaptation according to the size option of the webview.

You can use the mouse (drag function) or the finger (touch screen) to switch between images.

Added a timer for automatic scrolling.

Adding thumbnail thumbnails and / or dots to select an image.

Added a Fit parameter for better image adaptation.

Suppression of the number of images.

Thanks to the genius of @ThinhDinh , there is an option to zoom in on an image.
You can zoom in and move around the image using the mouse (scroll and pan) or using gestures with a touch screen.
(There are still some bugs).
This option disables automatic scrolling and the drag function.

YC Link


How do you change the caption?

The legend ???
ah uhmmm ‘caption xx’ ???

I added a parameter for the captions of the images.


This is awesome. Thank you for your contributions.

1 Like

@Mark the image carousel should work like this (natively) in my option. The text disappears to quickly for people to recognize that it is a carousel.

1 Like

hello @Krivo
Just out of curiosity what does your carousel look like?

I always have to use CSS to style it (making the tag 1/3, 2/3, 3/3 etc always show).

@Manu.n i have implemented a solution using cloudinary to put an overlay on the image

But I would much prefer not to do tricks to obtain what I consider a basic functionality

@ThinhDinh would you mind sharing the code? Thx👍

It’s here :wink:


New version :face_with_hand_over_mouth:

1 Like

Thanks to the genius of Manu, now I know how to integrate some custom CodePen snippets to Glide. This will be a huge window of opportunity to integrate things.

1 Like