API Docs for: 0.3.0
Show:

JQSlider Module

Requires

A responsive and fast content Slider jQSlider follows a new approach in building a slider. Where most slider-plugins are moving the whole list of slides when animating, jQSlider animates only the two slides necessary for the animation simultaneously. This is not only an way to optimize the performance of the animation, it also allows to realize a 100% css based scaling which leads us to a full responsive slider.

Example:

Add the following markup to your page

 <div class="jqslider">
     <div class="jqs-container">
         <ul>
             <li></li>
             <li></li>
         </ul>
     </div>
     <a href="#" class="jqs-handler-next jqs-handler"></a>
     <a href="#" class="jqs-handler-prev jqs-handler"></a>
 </div>

And initialize the slider with the following script block

 $(document).ready(function () {
     $('.jqslider').jqslider();
 });

This module provides the following classes: