jSlide on GitHub

About

jslide is a jQuery plugin to create a simple slideshow of list elements, containing either images or other content.

Features

• multiple slideshows on one page possible
• auto-slide
• horizontal and vertical alignment
• can slide from left to right or right to left (top to bottom, bottom to top)
• can slide to slideshow element specified in url
• optional description/caption for each element
• load images only when visible (optional)
• supports easing

Code Example

This line creates a standard slideshow with all the default values:

$('div#showcase').slide();

The corresponding Html will look like this:

<div id="showcase">
    <ul class="layers">
        <li><b>i:</b> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
        <li><b>ii:</b> Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</li>
        <li><b>iii:</b> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</li>
        <li><b>iv:</b> Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</li>
        <li><b>v:</b> In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</li>
    </ul>

    <a href="#" class="prevwork">Prev</a>
    <ul class="indexwork"></ul>
    <a href="#" class="nextwork">Next</a>
</div>

For more information, check out the wiki.

.

Changelog

Version 0.4

• [0.4.3] improved mechanism to load images and the delay untill the image starts loading can now be customized (check the Wiki for more information)
• [0.4.2] fixed several issues (check Issues tab for more information)
• added ability for text caption/description of each element
• images can now optionally be choosed to load only when visible
• merged settings direction and align into a single one... check the Wiki for details

Version 0.3

• no new features added, but other Browsers are now supported (didn't notice it before until a friend of mine pointed it out)

Version 0.2

• [0.2.2] the element index is not numeric when title_li is active, instead it uses the corresponding title-Attribute
• [0.2.2] added CSS class active for displayed element
• [0.2.1] url doesn't show the current position of a looping slideshow anymore
• Auto-slide available
• multiple slideshows on one page now possible
• easing support added
• alignment and direction can now be configured

Version 0.1

• First release