The Zentools carousel is a responsive carousel that scales to suit the width of your page. You can create any number of types of carousels using images, item text, titles and more.
Carousel Features
- Responsive: responds to the width of your page (resize your browser to see)
- Display unlimited images from a folder, Joomla or K2 content.
- Determine the base width of the carousel item
- Determine the minimum number of items to display in a carousel at one time.
- When the page is resized the current item is returned to the visible part of the carousel.
- Based on the elastislide carousel script.
A simple image carousel with rounded shadows
The shadow example below is another implementation of css3 to generate a subtle shadow effect on the image. The relevant css is .zenshadow img.
The carousel is displaying a selection of images loaded from a folder. Displaying a minimum of 3 items in the visible carousel area.
Carousel using the boxed theme
A simple carousel that has the boxed style applied to it. For optimum results using this theme you need to ensure that the image is the first tag in the template layout and that the image does not have an image style applied to it.
-
The Far Journey
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Powerful methods
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est. -
Powerful methods
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est. -
Waiting watching listening
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Lorem Ipsum dolor sit amet
Integer commodo dolor eget tellus convallis eget sollicitudin justo feugiat. Donec laoreet aliquam quam, a porttitor dolor feugiat ut. Donec pellentesque purus vel dolor cursus aliquet. Quisque non tellus in ante pellentesque viverra ac ut enim. Vivamus pretium convallis suscipit. Pellentesque aliquam sollicitudin urna sed suscipit. Quisque dignissim ligula quis nisi feugiat id euismod arcu vestibulum. Sed in volutpat nibh. Vestibulum lectus purus, semper et placerat et, eleifend ut massa. Nulla leo odio, congue non fermentum in, vestibulum vitae dolor.
Nunc sit amet urna non augue sodales semper non et velit. Nullam sodales dapibus tempor. Aliquam quis turpis sed nulla convallis feugiat. Vestibulum laoreet venenatis iaculis. Vivamus augue erat, sagittis vestibulum aliquet non, blandit ac sem. Sed eros tellus, dapibus eu auctor ac, sodales ac est. Aliquam neque lacus, fringilla quis sagittis lobortis, bibendum eget tellus. Nam blandit adipiscing nisi eget suscipit. Mauris auctor lobortis enim sit amet ullamcorper. Morbi nulla lorem, auctor at varius eu, hendrerit eget lectus. Suspendisse nec auctor nulla.
-
Tremendous burst of speed
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
Agave Life
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
A tree too far
Donec mollis orci vel turpis tempus aliquam. Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
Carousel using an overlay and rounded images
This is an example of the carousel with the overlay enabled.
A carousel using only images with a minimum of 6 items
A simple border applied to the images. The relevant css is .zenborder img.
The images in the carousel below are being referenced directly from a folder specified in the module settings.
Displaying a minimum of 6 items in the visible carousel area.
