Highly Customizable Carousel For jQuery - rondell

rondell is a jQuery plugin for allows you to display images and other content in a nice way. With rondell plugin, you can easily create carousel, slider, scroller, gallery, thumbnails or pages to fit your different needs.

Basic Usage:

1. Include jQuery library and rondell.js

<script src="libs/jquery-1.9.0.min.js"></script> 
<script src="dist/jquery.rondell.js"></script> 

2. Include Modernizr.js to test the browser for feature support and provides this information to the plugin and stylesheets. (OPTIONAL)

<script src="libs/modernizr-2.0.6.min.js"></script>

3. Include jQuery mousewheel plugin if you want (OPTIONAL)

<script src="libs/jquery.mousewheel-3.0.6.min.js"></script> 

4. Include rondell CSS

<link rel="stylesheet" href="dist/jquery.rondell.css" type="text/css" media="all" title="Screen">

5. Markup

<div id="rondellCarousel">
  <a target="_blank" rel="rondell" href="images/galery/band.jpg" title="...">
    <img src="images/galery/band.jpg" alt="Band" title="My favourite band">
    <h5>Awesome concert</h5>
    <p>My favourite band.</p>
  </a>
  
  ...
  
</div>

6. Call the plugin

<script type="text/javascript">
  $(function() {
    // Create a rondell with the 'carousel' preset and set an option
    // to disable the rondell while the lightbox is displayed
    $("#rondellCarousel > *").rondell({
      preset: "carousel",
    });
  });
</script>

Change Log:

v1.0.4 (2013-07-19)

• Updated docs for 1.0.4 and fixed some bugs in documentation.

---

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