Simple Image Carousel Under 2 minutes (Using AI Custom Component)

General
1

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
Screenshot 2024-11-10 2039251919×530 71.2 KB

Screenshot 2024-11-10 204101
Screenshot 2024-11-10 2041011919×951 95.4 KB

Screenshot 2024-11-10 204147
Screenshot 2024-11-10 2041471919×938 115 KB

Video Tutorial

Feel free to leave any feedback. :smiley:

2 Likes
2

Move your post to the community resources category. :slight_smile: Thanks for sharing!

1 Like
3

I can’t select community resources category, so i post in general.

1 Like
4

What’s the advantage of this compared to the native image carousel?

5

I don’t know how to create a carousel image in any other way, so for me, at least, this is an advantage.

6

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.
3 Likes
7

Thank you @ThinhDinh, I’ll try that.

8

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

9

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.

2 Likes
10

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