rcarousel

by Kyle Mitofsky

HTML

<script src="http://ryrych.github.io/rcarousel/widget/lib/jquery.ui.rcarousel.js"></script>
<link rel="stylesheet" href="http://ryrych.github.io/rcarousel/widget/css/rcarousel.css">
<div id="carousel">
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
    <img src="http://i.imgur.com/kCURPp5.png" />
</div>





<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    Find documentation: <a href='http://ryrych.github.io/rcarousel/#api'>rcarousel API</a><br/>
    About this SO question: <a href='http://stackoverflow.com/q/18214994/1366033'>rcarousel - slide wait time</a><br/>
    External JS File: <a href='http://ryrych.github.io/rcarousel/widget/lib/jquery.ui.rcarousel.js'>jquery.ui.rcarousel.js</a><br/>
    External Style Sheet: <a href='http://ryrych.github.io/rcarousel/widget/css/rcarousel.css'>rcarousel.css</a>
<div>

JavaScript

$(function () {
    $("#carousel").rcarousel({
        auto: {
            enabled: true,
            interval: 1000
        }
    });
});