1

3 つの画像のフェードインとフェードアウトについて助けが必要です。3 番目の画像がフェードアウトすると、ページがリダイレクトされます。

<img src="images/slide1.jpg" alt="Example" id="slideshow" />
<script>
$(function() {

$('#slideshow').fadeIn(3000, function() {
$(this).delay(1000).fadeOut(2000, function() { window.location = 'http://google.com/'; });
});

});
</script>
4

1 に答える 1

1

3 つの画像に共通のクラスを指定します (例: スライドショー)。

var images = $('.slideshow'), len = images.length;

images.each(function(i) {
  $(this).delay(i*6000).fadeIn(3000, function() {
     $(this).delay(1000).fadeOut(2000, function() {
         if (i === len - 1) window.location = 'http://google.com/';           
     });
  });
});

動作デモ。

于 2012-08-29T04:22:19.047 に答える