Simple and Fast jQuery Slider Plugin - simpleSlider

File Size: 276KB
Views Total: 1327
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple and Fast jQuery Slider Plugin - simpleSlider

simpleSlider is a jQuery plugin that make it easier to quickly create customizable sliders with vertical or horizontal sliding effects, which supports any html elements (image, video, div, etc.).

How to use it:

1. Include jQuery library and jQuery simpleSlider plugin on your web page

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script type='text/javascript' src='js/jquery.simpleslider.js'></script>

2. Markup Html structure

<div id="sliders">
<div class="slide"> <img src="images/1.jpg"/> </div>
<div class="slide"> <img src="images/2.jpg"/> </div>
<div class="slide"> <img src="images/3.jpg"/> </div>
...
</div>

3. Call the plugin with sliding speed option

<script type='text/javascript'>
    $("#sliders").simpleSlider({ speed: 500 });
</script>

More Examples:


This awesome jQuery plugin is developed by amaroks. For more Advanced Usages, please check the demo page or visit the official website.