Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Our remix of the easySlider jQuery plugin built by Alen Grakalic

branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

README.md

jQuery easySlider

Version: 1.8.3

Easily add a slider (carousel) to your web page

Exemple

Markup example for $("#slider").easySlider();

<div id="slider">
    <ul>
        <li><img src="images/01.jpg" alt="" /></li>
        <li><img src="images/02.jpg" alt="" /></li>
        <li><img src="images/03.jpg" alt="" /></li>
        <li><img src="images/04.jpg" alt="" /></li>
        <li><img src="images/05.jpg" alt="" /></li>
    </ul>
</div>

Default settings

 prevId: 'prevBtn',
 prevText: 'Previous',
 nextId: 'nextBtn',
 nextText: 'Next',
 controlsShow: true,
 controlsBefore: '',
 controlsAfter: '',
 controlsFade: true,
 firstId: 'firstBtn',
 firstText: 'First',
 firstShow: false,
 lastId: 'lastBtn',
 lastText: 'Last',
 lastShow: false,
 vertical: false,
 speed: 800,
 speedConstant: false, // if true, will always scroll for the same duration
                        // no matters how many slides go by
 auto: false,
 pause: 2000,
 continuous: false,
 numeric: false,
 numericId: 'controls',
 offsetWidth: 0, // added a offset
 offsetHeight: 0,
 autoSizeContainer: true,
 start: 0, // start page
 items: 1, // number of items visible
 itemsMargin: 0, // margin between elements
 beforeChange: null, // listener
 afterChange: null, // listener
 afterInit: null, // listener
 nextPrevShow: true,
 queue: false,
 easing: $.easing.def // use the default easing

Voila !

http://www.nitriques.com/open-source/

Something went wrong with that request. Please try again.