Simple and Fast jQuery Slider Plugin - simpleSlider
File Size: | 276KB |
---|---|
Views Total: | 1327 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.