простое слайд шоу

by Богдан Криворучко

HTML

<div class="slider">
<ul>
<li><img src="http://cs424931.vk.me/v424931393/3a64/kuYnb9eNbZI.jpg" alt="картинка"></li>
<li><img src="http://cs323231.vk.me/v323231181/819a/zhdxtLfdPOg.jpg" alt="картинка"></li>
<li><img src="http://cs9502.vk.me/v9502709/1edc/zfkcWezSgeI.jpg" alt="картинка"></li>
</ul>
        </div>

CSS

.slider ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.slider li img {
    max-width: 180px;
    position:absolute;
}

JavaScript

$(document).ready(function() {
    $('.slider li:gt(0)').hide();
    setInterval(function(){
        $('.slider li:first').fadeOut().next('li').fadeIn().end().appendTo('.slider ul');},2000);
});