The Zentools2 carousel layout merges your content with a supremely flexible responsive carousel.
There are two main types of carousels available in Zentools2:
- standard
- featured
Carousel with discs and no margin
The carousel below displays images from a folder using discs for pagination and the margin between items removed.
Carousel with numbers, title overlay
The carousel below displays images from a folder with the title overlaying the image.
Three item carousel with next / prev buttons and animated title overlay
The carousel below displays images from a folder where 3 items are always visible in the carousel above small screen widths. The title is displayed in a caption above the image when the user hovers over the image.
Carousel with multiple columns
The following carousel displays each item in two columns. The carousel is set to only ever show a single item in the carousel at one time.
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem...
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Featured Carousel
The featured carousel displays 3 items in the carousel with the central item enlarged and at full opacity. The carousel reduces to one item per carousel on small screens. The numbered and disc pagination is not available with this layout.
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem...
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non...
Featured carousel with images and overlay
The carousel below displays images from a folder using the Featured layout.
Featured carousel with boxed theme
The carousel below displays images from a folder using the boxed layout which adds a container element around the items in the carousel that appear after the first item. The carousel also has the equal heights option enabled which ensures all items in the carousel have the same height.
Featured carousel with animated overlay
The carousel below displays images from a folder using the animated overlay theme. This means that when the user hovers over each item the item title or any other items in the layout are animated onto the page.
Options available for the Featured carousel
- theme
- matchheight
- slide_speed
- autoplay
- autoplay_speed
- navigation
- nav_prev
- nav_next
- largescreen
- largescreen_items
- mediumscreen
- mediumscreen_items
- smallscreen
- smallscreen_items
Options available for the standard carousel
- theme
- matchheight
- margin
- slide_speed
- autoplay
- autoplay_speed
- pagination
- paginationNumbers
- largescreen
- largescreen_items
- mediumscreen
- mediumscreen_items
- smallscreen
- smallscreen_items
- navigation
- nav_prev
- nav_next