每当BX幻灯片切换时,我的控件就会淡出,任何覆盖幻灯片的内容也会淡出,即使它不在用于幻灯片启动的包装中。在“水平”模式下不会发生此问题,而在“淡入淡出”模式下不会发生。我正在使用这样的自定义下一个和上一个箭头:
<div class="bx-controls-direction is-select-disabled">
<span class="bx-direction prev bx-prev"><< Custom Arrow</span><span class="bx-direction next bx-next">Custom Arrow >></span>
</div>
并使用以下代码使它们起作用(它还会重置计时器):
$('.bx-next').click(function(e){
slider.stopAuto();
slider.goToNextSlide();
slider.startAuto();
});
$('.bx-prev').click(function(e){
slider.stopAuto();
slider.goToPrevSlide();
slider.startAuto();
});
请查看此工作提琴进行演示:
http://jsfiddle.net/pRBVZ/
这是一个错误,还是我的代码有问题?谢谢!
最佳答案
我刚刚添加了一个CSS属性,它似乎已经解决了您的问题。
尝试替换以下课程
.bx-controls-direction {
position: absolute;
top: 50%;
width: 100%;
z-index:100;
}
您为内容提供了z-index:55,我认为这会干扰您的控件。
关于javascript - Bxslider:当幻灯片消失时,内容和下一个/上一个箭头也会消失,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18390392/