柔性滑块问题淡化效果

我在我的html中使用柔性滑块。我已经按照给定的步骤在我的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>

帮助我。谢谢你的

来源

2013-11-23 vibz

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

如果你这样做，那么我敢肯定，你会得到它想出在这里...

来源

2013-11-23 07:26:13 ryantbrown

滑块在“淡入淡出”中的视图，显示一半图像和图像模糊。 – vibz

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

尝试摆弄<ol>的定位/分层。缩略图可能分层在主幻灯片图像下方，使其无法真正点击它们。

这为我工作：

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

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

来源

2014-03-14 15:10:38 Nick

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

缩略图很好地工作，但它的“下”幻灯片。只需设置.flex-control-nav高z-index。

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

应该工作。

来源

2016-12-07 12:20:05

柔性滑块问题淡化效果

回答

相关问题