KodingSykosis / jTransistions

A jquery widget to provide a carousel like vertical and horizontal slide transition.

jTransitions

A small library to provide vertical and horizontal slide transitions

HTML

<ul id="container">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>

CSS

#container {
    width: 100px;
    height: 20px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

JavaScript

$('#container').jTransitions({
    leftOffset: 0
});

$('#container').jTransitions('refresh');

setInterval(function() {
    var el = $('#container');
    var active = el.jTransitions('active');

    if (active.is(':last-child')) {
        var first = el.children().first();
        el.jTransitions('active', first);
    } else {
        el.jTransitions('next');
    }
}, 1500);

Demo jsfiddle.net/kodingsykosis/6ezLe/