Skip to content

Carousel - Gallery

This component allows administrators to define the number of slides which should be visible across various resolutions.

In the below case (purple background), we are showing the following slides, at the available resolutions. Note that on vertical mobile resolutions, we will always show one slide at a time.

  • Slides to Show (Mobile Horizontal) 1.8
  • Slides to Show (Tablet) 3.2
  • Slides to Show (Small Desktop) 4.3
  • Slides to Show (Large Desktop) 5

The carousel will rotate every 6 seconds unless interacted with or hovered upon by the user.

Clicking on any of the images will open a popup, allowing users to get a closer look at the included carousel images.

Within the below example (grey background), we are showing the following slides, at the available resolutions. Note that on vertical mobile resolutions, we will always show one slide at a time.

  • Slides to Show (Mobile Horizontal) 1.8
  • Slides to Show (Tablet) 2.5
  • Slides to Show (Small Desktop) 3.3
  • Slides to Show (Large Desktop) 4

The carousel will rotate every 12 seconds unless interacted with or hovered upon by the user.

As with the above example, clicking on any of the images will open a popup, allowing users to get a closer look at the included carousel images.