Flex Slider问题淡化效果

Question

我在我的html中使用flex滑块。我已经按照给定的步骤在我的html页面中添加了滑块。滑块运行良好当动画=“幻灯片”但动画=“淡入淡出”时不能正常工作;淡入淡出效果未显示正确的幻灯片。

这是我的脚本：

<script type="text/javascript">
$(window).load(function(){
  $('.flexslider').flexslider({ 
    animation: "fade",
    animationSpeed: 1000,
    direction: "horizontal",
    slideshowSpeed: 2000,
    pauseOnHover: true, 
    slideshow: true,
    start: function(slider){
      $('body').removeClass('loading');
    }           
  });
});
</script>

帮帮我。谢谢

Answer 1

听起来像CSS的东西。我会创建一个fiddle，以便人们可以看到你的代码，并解释你的意思是“淡入淡出效果不显示正确的幻灯片”。怎么了？什么？

如果你这样做那么我相信你会在这里弄明白......

Answer 2

我有同样的问题。动画：“幻灯片”工作正常，但当我尝试使用“淡入淡出”时，我无法点击缩略图来更改幻灯片。 flex滑块或javascript没有任何问题。它在flex滑块演示中效果很好，所以......

尝试摆弄<ol>的定位/分层。缩略图可能位于主幻灯片图像下方，因此无法实际点击它们。

这对我有用：

ol.flex-control-thumbs {clear: both;}

但是如果清除不起作用，你也可以尝试使用定位和z-index。它将在很大程度上取决于您的HTML和CSS的结构。如果那个<ol>缩略图列表可以在滑块下方摆动，它会。没有人喜欢不能点击的东西！

Answer 3

就我而言，解决方案很简单。

缩略图效果很好，但它在幻灯片下“。只需用高.flex-control-nav设置z-index。

.flex-control-nav{
    z-index:500;
}

应该管用。