需要关于我的jquery代码的帮助：淡入和淡出新图像

Question

我需要帮助淡入淡出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>

Answer 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/';           
     });
  });
});

的 The working demo. 的