# Simple Image Carousel Under 2 minutes (Using AI Custom Component) **URL:** \ **Category:** General\ **Tags:** tutorial\ **Created:** [November 10, 2024, 12:53pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799 "2024-11-10T12:53:15Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\ **Post date:** [November 10, 2024, 12:53pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/1 "2024-11-10T12:53:15Z")
You can quickly create an image carousel in Glide using a custom component. You just need to prepare: 1. Table with an image in each column. 2. Appropriate prompt (sample: “Create an image carousel in Glide using images from columns ‘Image1’, ‘Image2’, ‘Image3’, ‘Image4’,and ‘Image5’. The carousel should only use a slider for navigation between the images. Ensure that the images are set to fit within the carousel container.”). ![Screenshot 2024-11-10 203925](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/5/e5149c150d3a6d271f3f04587074e6813548dbdd.jpeg) ![Screenshot 2024-11-10 204101](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/1/612391933767918aefd0f483f2caf60d648369e7.jpeg) ![Screenshot 2024-11-10 204147](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/0/b0e70084d9520633a8a0853742db33686ff2c42c.jpeg) [Video Tutorial](https://youtu.be/nQLGYCOpVKk) Feel free to leave any feedback. 😃 ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [November 10, 2024, 12:54pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/2 "2024-11-10T12:54:46Z")
Move your post to the community resources category. 🙂 Thanks for sharing! ---
**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\ **Post date:** [November 10, 2024, 12:57pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/3 "2024-11-10T12:57:39Z")
> [@MaximeBaker](#): > > community resources category I can’t select community resources category, so i post in general. ---
**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:** [November 10, 2024, 2:21pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/4 "2024-11-10T14:21:00Z")
What’s the advantage of this compared to the native image carousel? ---
**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\ **Post date:** [November 10, 2024, 2:27pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/5 "2024-11-10T14:27:27Z")
I don’t know how to create a carousel image in any other way, so for me, at least, this is an advantage. ---
**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:** [November 10, 2024, 2:29pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/6 "2024-11-10T14:29:11Z")
You can do it like this: - Create a multiple images column. - Upload multiple images into an image picker pointing to that column. - Create an image component pointing to the multiple images column. It will automatically be set up as a carousel if you have multiple images. ---
**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\ **Post date:** [November 10, 2024, 2:33pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/7 "2024-11-10T14:33:46Z")
Thank you @ThinhDinh, I’ll try that. ---
**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\ **Post date:** [November 10, 2024, 3:10pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/8 "2024-11-10T15:10:36Z")
> [@Haqyw1](#): > > Create an image carousel in Glide using images from columns ‘Image1’, ‘Image2’, ‘Image3’, ‘Image4’,and ‘Image5’. The carousel should only use a slider for navigation between the images. Ensure that the images are set to fit within the carousel container update: If we adding something on the prompt, we can see some change in the carousel. 1. adding border round 10 px: Create an image carousel in Glide using images from columns ‘Image1’, ‘Image2’, ‘Image3’, ‘Image4’,and ‘Image5’. The carousel should only use a slider for navigation between the images. Ensure that the images are set to fit within the carousel container, also please make the border round 10 px 2. add ocean wave sound effect: Create an image carousel in Glide using images from columns ‘Image1’, ‘Image2’, ‘Image3’, ‘Image4’,and ‘Image5’. The carousel should only use a slider for navigation between the images. Ensure that the images are set to fit within the carousel container, also please make the border round 10 px, also please add ocean wave sound effect when sliding the images 3. add spin transition effect: Create an image carousel in Glide using images from columns ‘Image1’, ‘Image2’, ‘Image3’, ‘Image4’,and ‘Image5’. The carousel should only use a slider for navigation between the images. Ensure that the images are set to fit within the carousel container, also please make the border round 10 px, also please make spin transition effect ---
**Author:** ![Graralatino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/graralatino/32/81205_2.png) [@Graralatino](https://community.glideapps.com/u/Graralatino)\ **Post date:** [November 10, 2024, 4:45pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/9 "2024-11-10T16:45:18Z")
This is very good, but you can indicate that it should be automatic, with intervals of 2 seconds between images and repeat the action when reaching the last image. ---
**Author:** ![Haqyw1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/haqyw1/32/81562_2.png) [@Haqyw1](https://community.glideapps.com/u/Haqyw1)\ **Post date:** [November 10, 2024, 4:54pm UTC](https://community.glideapps.com/t/simple-image-carousel-under-2-minutes-using-ai-custom-component/77799/10 "2024-11-10T16:54:45Z")
> [@Graralatino](#): > > automatic, with intervals of 2 seconds between images and repeat the action when reaching the last image nice, it’s possible using this prompt: Create an image carousel in Glide using images from columns ‘Image1’, ‘Image2’, ‘Image3’, ‘Image4’,and ‘Image5’. The carousel should only use a slider for navigation between the images. Ensure that the images are set to fit within the carousel container, also please make the border round 10 px, also please make spin transition effect, make it automatic slider with 2 seconds interval and repeat the images after the last images