Carousel

[Manu.n]

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
https://Carousel.manun2.repl.co

[mmgt2005]

How do you change the caption?

[Manu.n]

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

I added a parameter for the captions of the images.

[mmgt2005]

This is awesome. Thank you for your contributions.

[Krivo]

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

[Manu.n]

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

[ThinhDinh]

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

[Krivo]

@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

[Krivo]

@ThinhDinh would you mind sharing the code? Thx👍

[ThinhDinh]

It’s here

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

[Manu.n]

New version

Carousel

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 tim…

[ThinhDinh]

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.