javascript - Flexslider 可见时激活

Question

我正在使用 flexslider，当滑块可见时，我想从第二张幻灯片过渡到第一张幻灯片。例如，我正在考虑使用 if (scroll >= 500px && scroll < 600px) 但我不确定如何将其放入整个事情中

Answer 1

您需要处理正在使用的插件的回调函数，通过使用一个类来隐藏 CSS 中的所有图像，比如说 flexImages

$(document).ready(function() {

  $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    itemWidth: 210,
    itemMargin: 5,
    minItems: 2,
    maxItems: 4, 
    start: function(){
         $('.flexImages').show(); 
    },
  });
});