如何清理此图像滑块

Question

这是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>

这是JQUERY代码

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

所以基本上当我运行这个图像滑块时，它会很好地消失，但是当它消失时，它会向下推动淡化图像。随着该淡化图像被推下，它也将其下方的其他html内容推下来。但是当第二张图像进入时，html内容将重置为正常状态，并且该过程将再次发生。

我该如何防止这种情况？

Answer 1

尝试使用hide()代替fadeOut() :first-child元素。

结果：http://jsfiddle.net/2tRtn/