如何让bxSlider在页面加载之前隐藏幻灯片?

我正在建立一个使用bxSlider的网站

当页面加载时,所有幻灯片都是可见的,彼此堆叠在一起。页面完全加载后,第一张幻灯片将保持可见,其余幻灯片将消失,以便滑块可以一次一张地设置动画并显示它们

我尝试过使用各种CSS和bxSlider回调来隐藏幻灯片,直到页面完全加载,但没有成功。有人知道怎么做吗

谢谢

加载滑块时,bxslider有一个回调(onSliderLoad)。我在容器div中将可见性设置为hidden,然后使用回调将可见性设置为“visible”

<div id=“siteslides”style=“可见性:隐藏;”&lt/部门>
$(“.site\u banner\u slider”).bxSlider({
是的,
滑动宽度:$imageWidth,
模式:“淡入淡出”,
onSliderLoad:function(){
$(“#siteslides”).css(“可见性”、“可见”);
}
});

发表评论