Question

我见过许多类似的已发布但没有解决我的问题。我正在使用flexslider 2.2.0，当我实现淡入淡出动画时，功能在Firefox 30版本中被破坏。在IE，Chrome等中没有问题。我使用以下代码

<script src="site/flexslider/jquery.flexslider.js"></script>

<script>
jQuery(document).ready(function($) {
    // You can use the locally-scoped $ in here as an alias to jQuery.
   $('.flexslider').flexslider({
        animation: "fade",
        slideshowSpeed: 10000, 

        });
});
</script>

如果我使用幻灯片动画，那么它们在所有浏览器上都没有问题。

我试过了

查找＆amp;替换flexslider.js中的代码：

查找： eventType =（触摸）？＆＃34; touchend＆＃34; ：＆＃34;点击＆＃34;，

替换： eventType =＆＃34;点击touchend MSPointerUp＆＃34;，

并删除： el.addEventListener（＆＃39; touchstart＆＃39;，onTouchStart，false）;

但仍有问题。

有什么想法吗？

Answer 1

他们没有为转换设置动画，因此您可能需要添加一些CSS转换。我用sass指南针做了这个：

.flexslider .slides > li { 
  @include transition(opacity 1s ease);
}

添加了这些前缀：

-webkit-transition: opacity 1s ease; 
-moz-transition: opacity 1s ease;
 transition: opacity 1s ease;

Flexslider褪色问题

1 个答案: