The plugins are provided in the libs folder.

If you don't want to use the Modernizr library you should remove the .cssgradients, .borderradius, .rgba and .boxshadow classes in css/jquery.smallipop.css to have css3 effects.

Required files

There are minified versions of the rondell files for production in the lib and css folders too.

Modify your html header

Add these lines to the header (or footer in case of the javascripts) of your html file and replace x.x.x with the correct versions and use the correct path where you put your files.

<link rel="stylesheet" href="jquery.rondell.css" type="text/css" media="all" title="Screen"/>
<script type="text/javascript" src="jquery-x.x.x.min.js"></script>
<script type="text/javascript" src="modernizr-x.x.x.min.js"></script>
<script type="text/javascript" src="jquery.rondell.js"></script>

Get started!

Setup your images html and use the code of one of my examples to create your own rondell.

Experiment with the various options and send me a message if you want to share your great work.