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" /> 

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

<script src=""></script> 
<script src="js/imageRotator.js"></script> 

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

$(document).ready(function () {
var $imageDiv = $("#demo");
var $imageRotator = $imageDiv.imageRotator({
imageTime: 3000,
fadeTime: 2000

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