Question

从Flexslider 1升级到Flexslider 2后，我的动画无法正常工作（淡入淡出或以其他方式）。我没有得到js错误，我已经检查了我的doc类型和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 - 动画无效

1 个答案: