Jquery 如何清理此图像滑块

下面是HTML代码

<div class="fadein">
      <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
      <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
      <img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>

基本上，当我运行这个图像滑块时，它会很好地淡出，但当它淡出时，它会向下推动淡出的图像。当淡入淡出的图像被按下时，它也会按下它下面的其他html内容。但是当第二个图像出现时，html内容被重置为正常，整个过程再次发生

如何防止这种情况发生？

尝试对

：第一个子元素
使用
hide（）
而不是
fadeOut（）

结果:

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