javascript - jquery fadeIn fadeOut 效果不工作

Question

我正在尝试学习 jquery，我想创建循环遍历图像的淡入淡出效果。我已经使用 setInterval 函数循环遍历图像，但它仅适用于第一次迭代。

$(document).ready(function() {
      var newcount = 0;
      var image = $(".image-store img");
      image.hide();
      var image_array = [];
      image.each(function() {
        image_array.push($(this).attr('src'));
      });
      var showimg = $(".image-disp img");
      showimg.attr("src", image_array[newcount]);

      setInterval(function() {
        showimg.fadeOut(2000, function() {
          newcount = newcount + 1;
          showimg.attr("src", image_array[newcount]);
          showimg.fadeIn(2000);
        });
        if (newcount == image_array.length) {
          newcount = -1;
        }
      }, 3000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="image-store">
  <img src="img/img1.jpg">
  <img src="img/img2.jpg">
  <img src="img/img3.jpg">
</div>
<div class="image-disp">
  <img src="">
</div>

Answer 1

它可以工作，但您在代码末尾缺少 });。使用浏览器控制台了解是否有任何错误。