راهنمای ویدیویی ساخت اتو اسلاید شو ساده با جی کوئری

 <div id="slide">
   <div>
      <img src="img/01.jpg">
   </div>
   <div>
      <img src="img/02.jpg">
   </div>
   <div>
      <img src="img/03.jpg">
   </div>
</div>

 #slide {
   position: relative;
   width: 500px;
   height: 500px;
   border: 1p solid red;
}
#slide > div {
   position: absolute;
   top: 10;
   right: 10;
   bottom: 10;
   left: 10;
}

 $("#slide div:gt(0)").hide();

 setInterval(function() {
         $('#slide > div:first')
              .fadeOut(1000)
              .next()
              .fadeIn(1000)
              .end()
              .appendTo("#slide");
     }, 3000);