# Carousel **URL:** \ **Category:** Ask for Help\ **Tags:** custom-code\ **Created:** [September 13, 2021, 1:36am UTC](https://community.glideapps.com/t/carousel/31694 "2021-09-13T01:36:03Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [September 13, 2021, 1:36am UTC](https://community.glideapps.com/t/carousel/31694/1 "2021-09-13T01:36:03Z")
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. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/96b28cb684416f6ecce2d608bedf5d064731a206.png) YC Link [https://Carousel.manun2.repl.co](https://Carousel.manun2.repl.co) ---
**Author:** ![mmgt2005](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mmgt2005/32/965_2.png) [@mmgt2005](https://community.glideapps.com/u/mmgt2005)\ **Post date:** [September 13, 2021, 2:36am UTC](https://community.glideapps.com/t/carousel/31694/2 "2021-09-13T02:36:45Z")
How do you change the caption? ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [September 13, 2021, 2:38am UTC](https://community.glideapps.com/t/carousel/31694/3 "2021-09-13T02:38:32Z")
The legend ??? ah uhmmm ‘caption xx’ ??? I added a parameter for the captions of the images. ---
**Author:** ![mmgt2005](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mmgt2005/32/965_2.png) [@mmgt2005](https://community.glideapps.com/u/mmgt2005)\ **Post date:** [September 13, 2021, 2:53am UTC](https://community.glideapps.com/t/carousel/31694/4 "2021-09-13T02:53:34Z")
This is awesome. Thank you for your contributions. ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [September 13, 2021, 4:34am UTC](https://community.glideapps.com/t/carousel/31694/5 "2021-09-13T04:34:41Z")
@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. ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [September 13, 2021, 8:02am UTC](https://community.glideapps.com/t/carousel/31694/6 "2021-09-13T08:02:39Z")
hello @Krivo Just out of curiosity what does your carousel look like? ---
**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:** [September 13, 2021, 8:19am UTC](https://community.glideapps.com/t/carousel/31694/7 "2021-09-13T08:19:52Z")
I always have to use CSS to style it (making the tag 1/3, 2/3, 3/3 etc always show). ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [September 13, 2021, 1:49pm UTC](https://community.glideapps.com/t/carousel/31694/8 "2021-09-13T13:49:17Z")
@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 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/52fed81033492f4bf87ec6701d557a1620b2dec0.jpeg) ---
**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\ **Post date:** [September 13, 2021, 1:50pm UTC](https://community.glideapps.com/t/carousel/31694/9 "2021-09-13T13:50:07Z")
@ThinhDinh would you mind sharing the code? Thx👍 ---
**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:** [September 13, 2021, 2:05pm UTC](https://community.glideapps.com/t/carousel/31694/10 "2021-09-13T14:05:50Z")
It’s here 😉 > **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=f1485aac64314bc6819c3409dbc02564)** > > A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team ---
**Author:** ![Manu.n](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manu.n/32/11679_2.png) [@Manu.n](https://community.glideapps.com/u/Manu.n)\ **Post date:** [September 23, 2021, 9:13am UTC](https://community.glideapps.com/t/carousel/31694/11 "2021-09-23T09:13:13Z")
New version 🤭 > [@Carousel](https://community.glideapps.com/t/carousel/31694): > > 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… ---
**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:** [September 23, 2021, 9:19am UTC](https://community.glideapps.com/t/carousel/31694/12 "2021-09-23T09:19:33Z")
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.