Skip to content
This repository


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

jQuery easySlider

Version: 1.8.3

Easily add a slider (carousel) to your web page


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

<div id="slider">
        <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>

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 !

Something went wrong with that request. Please try again.