jquery - 在我的 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/';           
     });
  });
});

工作演示。