The idea behind the plugin is really simple. Suppose I have an unsorted list and want to show just a X number of items. Then I fade out this items and fade in the next ones, as it was a slideshow.

Download

https://github.com/rosantoz/jquery-fadelist

Usage

Just include the plugin in our site:

1
<script src="fadelist.jquery.js"></script>

or

1
<script src="fadelist.jquery.min.js"</script>

Your HTML code:

1
2
3
4
5
6
7
8
<ul id="gallery">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
</ul>  

And then:

1
$("#gallery").fadelist();

Options

1
2
3
4
$("#gallery").fadelist({
    show: 5 // how many items per page
    fade: 15000 // fade speed in miliseconds
});

Demo

http://jsfiddle.net/rosantoz/wS2R2/2/

Comments