This time I will share jQuery Plugin and tutorial about Dynamic Responsive Slideshow Plugin With jQuery – simpleSlideShow, hope it will help you in programming stack.
simpleSlideShow is a simple, lightweight jQuery plugin for dynamically generating a responsive, cross-fading slideshow from an array of images defined in the JavaScript.
How to use it:
1. Create a container element for your slideshow.
1 |
<div id='slideShow'></div> |
2. Include jQuery library and the JavaScript file simpleSlideShow.js right before the closing body tag.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="simpleSlideShow.js"></script> |
3. Call the function on the container element and define an array of images you want to present.
1 |
$('#slideShow').simpleSlideShow({ |
4. Override the default animation duration.
1 |
$('#slideShow').simpleSlideShow({ |
5. Override the transition time.
1 |
$('#slideShow').simpleSlideShow({ |
This awesome jQuery plugin is developed by michaeldfaber. For more Advanced Usages, please check the demo page or visit the official website.
