illustration for Image carousel

Image carousel

A series of full-width visuals that your users swipe through.
 
Built by GoodBarber
This feature is developed and maintained by the GoodBarber team
|For Content and eCommerce apps|Free

Several visuals in the space of one

It advances on its own, a finger takes over

The images take up the full width of the screen, each with its title and its caption laid over it. The text stays readable whatever the photo, a dark scrim rising from the bottom of the image to carry it. The section moves on to the next one every four seconds, with no one having to touch anything, and when your user leaves the section, it stops cycling with no one watching.

A hotel shows its rooms, a caterer its tiered cakes, a concert hall its lineup for the month. You replace the five original visuals with your own, by asking the agent or by editing the code, and there is nothing else to prepare.

The swipe really follows the finger: the image moves during the gesture, and it comes back into place if the slide is too short to change frame. On the first one as on the last, it resists instead of sliding into nothing. And if their phone is set to reduce motion, the section doesn't start advancing: it waits for their gesture.

  • Arrows, dots and autoplay provided, you only bring the images
  • Your user takes over, the autoplay gives them six seconds
  • No more article where five photos scroll by in a row

Your section lives in your app

It belongs to you, its code included