jquery - Flex Slider - 动画不工作

Question

自从从 Flexslider 1 升级到 Flexslider 2 后，我的动画无法正常工作(淡入淡出或其他)。 我没有收到任何 js 错误，我检查了我的文档类型并且 css 似乎都是正确的。它似乎没有过渡。此外，当我通过导航点从一张幻灯片导航到下一张幻灯片时，它会永远停止自动播放。 这是我正在使用的 js 代码:

$('.flexslider-desk').flexslider({
      animation: "fade",
      controlNav: true,  
      slideshow: true,
      slideshowSpeed:  7000,
      animationSpeed:  2000 ,
      directionNav:false,
      controlsContainer: $(".custom-controls-container")
  });

非常感谢任何帮助。

Answer 1

已修复!对于任何感兴趣的人，Flexslider 2 搞砸了基于 webkit 的浏览器的淡入淡出的 css 转换。值得庆幸的是，他们提供了使用 jquery easing 的选项。只需包含 jquery.easing.js，并在您的 flexslider 中使用以下参数:

   easing: 'linear',
   animation: "fade", 
   slideshowSpeed: 5000,
   animationSpeed: 500,
   animationLoop: true, 
   smoothHeight: false,  
   useCSS: false,