Simple jQuery Image Rotator Plugin - imageRotator

File Size: 170KB
Views Total: 2369
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple jQuery Image Rotator Plugin - imageRotator

imageRotator is a tiny & cross browser jQuery plugin for displaying a set of your images as a slideshow with a simple fade-in effect.

Basic Usage:

1. Create a set of images on your web page.

<div id="demo"> 
<img src="1.png" /> 
<img src="2.png" /> 
<img src="3.png" /> 
...
</div>

2. Include jQuery javascript library and jQuery imageRotator plugin at the bottom of the page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="js/imageRotator.js"></script> 

3. Call the plugin and start the rotator using $imageRotator.start(); method.

<script>
$(document).ready(function () {
var $imageDiv = $("#demo");
var $imageRotator = $imageDiv.imageRotator({
imageTime: 3000,
fadeTime: 2000
});
$imageRotator.start();
});
</script>

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