jQuery Slideshow

jQuery Slideshow is a performant and developer friendly image slideshow and content carousel plugin with support for touch gestures. 2KB when gzipped. Download.

Change the transition:

Setup

Setup is not restricted to a fixed markup pattern but is dependent on class names. Theoretically almost any content can be placed within a slide. If you are using images always specify the width and height.

<div class="slideshow">
    <ul class="carousel">
        <li class="slide">…</li>
        <li class="slide">…</li>
        <li class="slide">…</li>
    </ul>
</div>

The plugin is instantiated in the usual manner and an instances API can be accessed via element data.

// Create slideshow instances
var $slideshow = $('.slideshow').slides(),

    // Access an instance API
    api = $slideshow.data('slides');