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()

如何在使用fadeOut＆amp;时结束setInterval appendTo使用图像

1 个答案: