0

最後の画像が表示された後、スクリプトを繰り返す必要があります。スクリプトが行ったことをリセットして、もう一度再生するにはどうすればよいですか? スクリプトは、現在の画像の z-index を変更します。最後の画像の後、スクリプトですべての画像の z-index を「リセット」し、上から再実行するにはどうすればよいですか? ありがとう！

<script>
function cycleImages(){
  var $active = $('#carousel .active');
  var $next = ($('#carousel .active').next().length > 0) ? $('#carousel .active').next() : $('#carousel img:first');
  $next.css('z-index',2);//move the next image up the pile
  $active.fadeOut(1500,function(){//fade out the top image
  $active.css('z-index',1).show().removeClass('active');//reset the z-index and unhide the image
  $next.css('z-index',3).addClass('active');//make the next image the top one
  if ($('#carousel .active').next().length > 0) setTimeout('cycleImages()',1000);//check for a next image, and if one exists, call the function recursively
  });
}

$(document).ready(function(){
  // run every 7s
  setTimeout('cycleImages()', 1000);
})

</script>
4

3 に答える 3

0

簡単なロジックは、.lengthを画像の総数 (全長) と比較して、画像が最後に達したかどうかを確認することです。はいの場合、最初の画像に移動します。

('#carousel .active').first()

そして電話する

setTimeout('cycleImages()',1000);

幸せなコーディング:)

于 2013-04-03T12:13:46.050 に答える