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 |
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.