This slideshow is completely customizeable. You can quickly change the caption box color, font colors, padding, and more with the back-end params. This module relies on CSS3 to model the shape and styles, but you may substitute images for any of the content.

Each slide may have its own unique caption and clickable link, controlled with the backend params.

Opacity of each of the slideshow elements is controlled via the back-end params. You have total control over the opacity of the caption, images, and slide number buttons. Because the inactive slide buttons automatically drop their opacity, it is unnecessary to design two buttons.

Because Internet Explorer isn't capable of rounding corners, in this example all standards-compliant browsers round the number buttons with CSS3 (Firefox, Chrome, Safari), and Internet Explorer relies on an alternative image for the number buttons. You may keep it strictly CSS for IE, but the rounded corners will disappear and revert to rectangular corners. In this example, if alternate images weren't selected the number buttons would be square in IE.

One of the features of this slideshow is the mousewheel jQuery plugin. Try it out!

Hover your mouse pointer over the slideshow, then move the mouse wheel, it will control the slideshow animation!