Shortest jQuery Slideshow Plugin

by mpetrovich

HTML

<ul class="slideshow">
    <li><img src="http://ayiuser-a.akamaihd.net/017/834/792/b1348373652.jpg" width="114" height="114" alt=""></li>
    <li><img src="http://ayiuser-a.akamaihd.net/144/808/759/b1342198862.jpg" width="114" height="114" alt=""></li>
    <li><img src="http://ayiuser-a.akamaihd.net/178/060/220/b1356548053.jpg" width="114" height="114" alt=""></li>
    <li><img src="http://ayiuser-a.akamaihd.net/176/722/449/b1354251662.jpg" width="114" height="114" alt=""></li>
</ul>

CSS

.slideshow {
    position: relative;
    overflow: hidden;
    width: 114px;
    height: 114px;
}

.slideshow > * {
    position: absolute;
    left: 0;
    top: 0;
}

JavaScript

$.fn.cycle = function(delay) {
    var $container = this;
    setInterval(function() {
        $container.children().last().fadeOut(500, function() {
            $(this).prependTo($container).show();
        });
    }, delay);
};
$(".slideshow").cycle(1000);