jQuery Any Content Rotator Plugin - Element Rotator

File Size: 2.73 KB
Views Total: 1159
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Any Content Rotator Plugin - Element Rotator

Element Rotator is a jQuery plugin which allows you to fade through any html content (image, text, etc) at a certain transition speed.

How to use it:

1. Include jQuery library and the jQuery element rotator plugin on the webpage.

<script src="jquery.min.js"></script>
<script src="rotateElements.js"></script>

2. Add any html elements you want to rotate into a parent container.

<div>
<!--Can include any elements you want to rotate-->
  <img src="1.jpg">
  <img src="2.jpg">
  <img src="3.jpg">
</div>

3. Call custom cycle function from the global functions file.

$('div').cycleContent();

4. Change the animation speed and transition delay.

$('div').cycleContent({
  speed:2000, 
  displaytime:400
});

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