Skip to content

Solutions-Nitriques/jQuery-easySlider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/

About

Our remix of the easySlider jQuery plugin built by Alen Grakalic

Resources

License

Stars

Watchers

Forks

Packages

No packages published