Carousel

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.

 

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.

Featured Carousel

 

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.

 

Larger carousel with number

The carousel below is set to display two images at all screen widths and uses numbered discs for pagination.

 

 

Using icons for navigation in the carousel

It is possible to use icons rather than text for the next and previous buttons. To do so you must use the Zen Shortcode plugin which uses syntax as per the following screenshot and example.

slideshow icons

 

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