Slideshow fullwidth

by Mahdiye Nazari

HTML

<div class="fadein">
<img src="http://i.imgur.com/FGLGf6M.png" align="middle">
<img src="http://i.imgur.com/WPo9fHR.jpg" align="middle">
<img src="http://i.imgur.com/IHIUS1K.png" align="middle">
</div>

CSS

.fadein {
    padding:0px;
    margin:0px;
    float:both;
    position:relative;
    padding:0;
    height:400px; 
    min-height:auto;
}   
.fadein img { 
    position:absolute; 
    left:0; 
    top:0; 
    width:100%;
    height:400px; 
    min-height:auto;
}

JavaScript

$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});