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 缓动的选项。只需包含 jquery.easing.js，并为您的 flexslider 使用以下参数：

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

Flex Slider - 动画不工作

Flex Slider - animation not working

css

jquery

transitions

flexslider