/image-slider

Turns a ul structure into a timed slideshow.

Primary LanguageJavaScript

image-slider

Usage:

$(document).ready( function() {
     $('.images').slider({
       width : 950,
       height: 400
     });
});

Where .images is structred like this:

<ul class="images">
 <li>
  <img src="1.jpg" alt="" />
 </li>
 <li>
  <img src="2.jpg" alt="" />
 </li>
</ul>

The resulting html structure will look like:

<div class="slider">
<ul>
  <!-- same structre as above -->
</ul>
</div>
<ul class="rotate_list">
 <span class="rotate_list_item [active_rotate_list_item]"></span>
</ul>

Todo

  • More options
  • Loading spinner
  • Auto-handle no width or height