我正在建立一个使用
bxSlider的网站。
随着页面加载，所有幻灯片都可见，堆叠在彼此的顶部。一旦页面完全加载，第一个幻灯片保持可见，其余幻灯片消失，以便滑块可以动画并一次显示一个。
我试过使用各种CSS和bxSlider回调来隐藏幻灯片，直到页面完全加载，但没有运气。有谁知道如何做到这一点？
谢谢！
解决方法
bxslider在加载滑块时有一个回调(onSliderLoad)。我将可见性设置为在容器div上隐藏，然后使用回调将可见性设置为“visible”。
<div id="siteslides" style="visibility: hidden;"></div>
$(".site_banner_slider").bxSlider({
auto: true,slideWidth: $imageWidth,mode: 'fade',onSliderLoad: function(){
$("#siteslides").css("visibility","visible");
}
});
