1

最後の画像（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);
});
});

4

1 に答える 1

0

これには setInterval を使用しません。画像を 1 つずつフェードさせたい場合は、次の手順を実行します。

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

各フェードインの間に遅延を追加したい場合は、.delay(6000)後に追加するだけです.fadeIn()

于 2013-01-25T17:07:34.207 に答える