How to use

Usage is very simple. Just create a parent element, which holds all the elements you want to fade, e.g.:

HTML

<ul id="demo">
    <li><img src="http://placehold.it/600x250" /></li>
    <li><img src="http://placehold.it/600x250/fff000/000000" /></li>
    <li><img src="http://placehold.it/600x250/00ff00/0000ff" /></li>
    <li><img src="http://placehold.it/600x250/0000ff/000000" /></li>
    <li><img src="http://placehold.it/600x250/ffff00/00ffff" /></li>
</ul>

Next up, start the animation in javascript:

Javascript

new lsFader(
    'demo', {
        'animationDuration' : 300,
        'showDuration' : 1000
});

Options are (or should be) self-explanatory.

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.