Responsive jQuery Fading Slideshow with Progress Bar - InterSlider

Responsive jQuery Fading Slideshow with Progress Bar - InterSlider
File Size: 3.43 KB
Views Total:
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.