javascript - flexslider 中的 GIF slider ，如何仅在 slider 上时才开始 gif

Question

现在我有一个带有四张幻灯片的 flexslider。第三个 slider 是一个 gif 而不是像其他 slider 一样的 jpg。我遇到的问题是，这第三个 gif slider 显然在到达页面时立即启动，而不是在您实际到达该 slider 时启动。当点击前两个 slider 时，gif 就差不多完成了。

任何人都知道我如何只在达到 GIF 时才开始制作 GIF slider ？

Answer 1

经过一个小时的测试，我终于找到了解决方案，添加 before对您的声明代码起作用，并更改src下一个img清空并返回原来的src做的工作，像波纹管:

JS :

此代码将在显示之前初始化 gif。

  $('.flexslider').flexslider({
    animation: "slide",
    before: function(slider){
      var src = $(slider).find('.flex-active-slide').next().find('img').attr('src');
      $(slider).find('.flex-active-slide').next().find('img').attr('src','').attr('src',src);
    }
  });

它非常适合我。

参见 JS Fiddle (你可以注意到 gif 中的计数器总是从 10 开始，没有 before 函数你会发现计数器已经开始了)，希望对你有所帮助。