Javascript bxSlider不能自动工作
我希望bxSlider自动启动幻灯片放映,而无需用户单击它。这是我的代码(不起作用):Javascript bxSlider不能自动工作,javascript,slideshow,bxslider,Javascript,Slideshow,Bxslider,我希望bxSlider自动启动幻灯片放映,而无需用户单击它。这是我的代码(不起作用): 这个怎么了?发生的情况是,图像确实加载,但它不会自动滚动,用户总是必须选择一个寻呼机点手动滚动。我的代码有什么问题?尝试设置自动控制:true(from)此代码适合我 var slider = $('#slider').bxSlider(); $('.bx-next, .bx-prev, .bx-pager a').click(function(){ // time to wait (in ms)
这个怎么了?发生的情况是,图像确实加载,但它不会自动滚动,用户总是必须选择一个寻呼机点手动滚动。我的代码有什么问题?尝试设置
自动控制:true
(from)此代码适合我
var slider = $('#slider').bxSlider();
$('.bx-next, .bx-prev, .bx-pager a').click(function(){
// time to wait (in ms)
var wait = 1000;
setTimeout(function(){
slider.startAuto();
}, wait);
});
如果不需要延迟,可以将wait设置为0。因为我使用了:pagerCustom:“#pager”,所以我将“.bx pager”a改为“#pager a”。您应该使用
$(document).ready(function(e) { });
或
在代码之间
所以正确的答案应该是
$(document).ready(function(e) {
$('.slider1').bxSlider({
slideWidth: 1012,
slideHeight:200,
minSlides: 1,
slideMargin: 0,
controls: false,
auto: true,
});
});
希望这能帮助你 这就是我从
bxslider官方
页面上得到的所有缺少的内容
$(document).ready(function(){
$('.bxslider').bxSlider({
mode: 'fade',
auto: true,
autoControls: true,
pause: 2000
});
});
我建议采取以下补救措施<每次幻灯片转换后执行代码>onSlideAfter。然后,此代码将导致每次执行
slider.startAuto()
,启动自动显示
var slider = $(".sliderBx ul").bxSlider({
auto: true,
pager: true,
controls: true,
onSlideAfter: function () {
slider.startAuto();
}
});
好的!我也有同样的问题!上述解决方案都不起作用。但我发现了问题所在 1-首先检查并确保jQuery脚本中有
auto:true
,如下所示:
$('.bxslider').bxSlider({
auto: true,
pause: 3000,
pager: true
});
2-您正在使用的主要jQuery文件,请更新该jQuery文件,您可能正在使用旧的jQuery文件!(#2是我的问题)
谢谢 您已经有了
autoStart:true
和auto:true
。??那么为什么要添加slider.startAuto()代码>。。?绝望地看着,希望其中一个能起作用。但即使没有它,它也无法工作,这就是我添加它的原因。我看到了该链接,但这不是完全自动的,用户仍然必须单击“开始”按钮。我希望它一加载就开始运行,没有任何用户交互。我做到了,但用户仍然必须单击“开始”按钮。我希望它一加载就开始运行,没有任何用户交互。(另外,我不想显示控件。)您可以使用display:none
通过CSS隐藏控件,尽管这显然不是最佳选择。您使用的是哪个版本的滑块?查看API(),您可以尝试设置“autoDelay:0”。我尝试了autoDelay:0,但没有任何区别:(我使用的是最新版本?我今天刚下载了它,它的版本是4.1auto:true,虽然这个代码片段可能会解决这个问题,但确实有助于提高您文章的质量。请记住,您是在为将来的读者回答这个问题,那些人可能不知道您的代码建议的原因。请包括一个exp拉纳多。
var slider = $(".sliderBx ul").bxSlider({
auto: true,
pager: true,
controls: true,
onSlideAfter: function () {
slider.startAuto();
}
});
$('.bxslider').bxSlider({
auto: true,
pause: 3000,
pager: true
});