jquery - 如何在使用 fadeOut 和 appendTo 时结束 setInterval 使用图像

Question

我有一个代码，在它到达最后一个图像（IMAGE5）后我需要停止。目前，它一直旋转回第一张图像，但我希望它有效地计算图像数量并在最后一张图像之后停止执行代码。

对不起，我不太擅长这个，所以婴儿语言会非常有用。提前致谢！

<center>
<div class="fadein">
<IMG src="IMAGE" width=500/>
<IMG src="IMAGE2" width=500/>
<IMG src="IMAGE3" width=500/>
<IMG src="IMAGE4" width=500/>
<IMG src="IMAGE5" width=500/>

</div>
<script>
    $(function(){
      $('.fadein img:gt(0)').hide();
      setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 6000);    
});
</script>
</center>

那么现在，会是这样吗？

<div class="fadein">
 <IMG src="IMAGE" width=500/>
<IMG src="IMAGE2" width=500/>
<IMG src="IMAGE3" width=500/>
<IMG src="IMAGE4" width=500/>
<IMG src="IMAGE5" width=500/>
</div>

<script>
$(function() {
$('.fadein').find('img').each(function() {
    $(this).fadeIn().delay(6000);
});
});

Answer 1

我不会为此使用 setInterval 。如果您只想一张一张地淡化图像，请执行以下操作。

$(function() {
    $('.fadein').find('img').each(function() {
        $(this).fadeIn();
    });
});

如果您想在每个淡入之间添加延迟，只需在.delay(6000)之后添加.fadeIn()