jQuery simple slider

<img alt="" id="slide" width="800px" /> <script type="text/javascript"> //Images Array //<> var img = [ 'http://127.0.0.1/mglearn/skin/frontend/rwd/default/images/media/homepage_banner_1@2x.jpg', 'http://127.0.0.1/mglearn/skin/frontend/rwd/default/images/media/homepage_callout_3.jpg', 'http://127.0.0.1/mglearn/skin/frontend/rwd/default/images/media/homepage_banner_2.jpg']; var cnt = 0; function slideOut() { jQuery('#slide').animate({opacity:1}, 1300).attr('src', img[cnt]).delay(2000).animate({left:'+=800', opacity:0},1300); cnt++; if(img.length == cnt) { cnt = 0; } } setInterval(function(){slideOut();}, 4700); slideOut(); </script>