Responsive jQuery Fading Slideshow with Progress Bar - InterSlider
File Size: | 3.43 KB |
---|---|
Views Total: | 5904 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
InterSlider is a lightweight jQuery plugin to create a responsive fading slideshow that supports auto rotation, bottom progress bar and custom animation speed.
How to use it:
1. Load the jQuery InterSlider plugin's stylesheet in the head section.
<link rel="stylesheet" href="slider.css">
2. Load the jQuery library and jQuery InterSlider plugin's JS in the footer.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/slider.js"></script>
3. Insert a set of images into an Html unordered list.
<ul id="slider"> <li><img src="1.jpg"></li> <li><img src="2.jpg"></li> <li><img src="3.jpg"></li> ... </ul>
4. Call the plugin with default settings.
$('#slider').interSlider();
5. Options available.
$('#slider').interSlider({ delay: 3000, fadeTime:1000 });
This awesome jQuery plugin is developed by pulamc. For more Advanced Usages, please check the demo page or visit the official website.