Simple jQuery Content Rotator Plugin - Crotator

File Size: 37.5 KB
Views Total: 8877
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple jQuery Content Rotator Plugin - Crotator

Crotator is an autoplay jQuery content rotator/slider that can be used as a quote rotator, text rotator, news ticker, etc.

How to use it:

1. Include the jQuery library and jQuery crotator plugin at the end of the html document.

<script src=""></script> 
<script src="js/jquery-crotator.js"></script> 

2. Wrap the contents you want to rotate in a wrapper.

<div id="quotes">
<p> Quote 1</p>
<p> Quote 2</p>
<p> Quote 3</p>

3. Initialize the plugin with options.

// user defined array of time
timeArray: [],

// turn of auto cycling (true/false)
cycle: true,

// start from a empty space (true/false)
startEmpty: false,

// time(in seconds) for which each node will be displayed
timeOfExistence: 1,

// type of tag of each node
typeofTag: "<h3/>",

// class of each node (use it for styling)
tagClass: "",

4. Style the plugin via CSS to meet your needs.

Change logs:


  • adds user-defined-timeline and other options



  • update.


  • Adds fadeIn method

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