gpt4 book ai didi

javascript - bxslider 在页面加载之前堆叠

转载 作者:行者123 更新时间:2023-12-03 11:41:19 25 4
gpt4 key购买 nike

我正在使用 bx-slider 并面临一个问题,即 slider 的页面加载图像无法完美加载。我希望图像应该在页面加载时完全加载或在完成页面加载后加载,否则图像将隐藏直到页面未完全加载。这是java脚本代码

 $(window).load(function () { 
var $heroSlides = $('.hero-slider ul.bxslider > li');
if ($heroSlides.length > 1) {
var slider = $('.hero-slider .bxslider').bxSlider({
responsive: true,
auto: true,
pause: 5000,
controls: false,
autoHover: true,
mode: 'fade'
});
}
});

最佳答案

试试这个 -更新你的CSS并隐藏 slider 外部DIV

.hero-slider {
display:none;
}

然后在脚本中调用 slider 之前显示它。

     $(window).load(function () { 
$('.hero-slider').show();
var $heroSlides = $('.hero-slider ul.bxslider > li');
if ($heroSlides.length > 1) {
var slider = $('.hero-slider .bxslider').bxSlider({
responsive: true,
auto: true,
pause: 5000,
controls: false,
autoHover: true,
mode: 'fade'
});
}
});

如果 window.load 不起作用,请尝试使用 document.ready

关于javascript - bxslider 在页面加载之前堆叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26259286/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com