Automatic Image Carousel / Scroller Plugin For jQuery - Rotate.js

File Size: 6.45 KB
Views Total: 7460
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Automatic Image Carousel / Scroller Plugin For jQuery - Rotate.js

Rotate.js is a super simple jQuery plugin which scroll through an image list like Carousel or traditional marquee element.

Main features:

  • Infinite looping.
  • Pause scrolling on mouse hover.

How to use it:

1. Insert an unordered list of images into the carousel / rotator.

<div id="slideImg">
  <div class="slideMain">
    <ul class="slide1">
      <li><img src="img/1.jpg"/></li>
      <li><img src="img/2.jpg"/></li>
      <li><img src="img/3.jpg"/></li>

2. Place jQuery library and the jQuery rotate.js plugin at the bottom of the webpage.

<script src="//"></script>
<script src="jquery.rotate.js"></script>

3. Initialize the carousel / rotator and done.


4. Available plugin options.


  // animation speed

  // width

  // selector

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