当前位置：文江博客话题详情

修复选择缩略图后 bx_slider 自动播放

发布于 2024-12-10 06:17:40 字数 709 浏览 0 评论 0原文

大家好

我使用bx滑块使内容滑块

我的滑块工作正常，但

我使其自动工作并使用拇指

在开始时显示他工作自动正常但

如果我选择缩略图以显示滑块停止自动播放

我该如何修复它，

我使用了此代码，

$(function(){

  var slider = $('#bxslider').bxSlider({
    controls: false,
    auto    : true ,
    captions: true
  });


  $('#Slides a').click(function(){
   var thumbIndex = $('#Slides a').index(this);

    slider.goToSlide(thumbIndex);


    $('#Slides a').removeClass('pager-active');

    $(this).addClass('pager-active');

    return false;
  });

  $('#Slides a:first').addClass('pager-active');
});

您可以在此处查看该网站：如果您不明白我的意思，请查看该网站< /a>

原文

hello all

i used bx slider to make content slider

my slider work fine but

i make it to work auto and use thumbs to show

in the start he work auto fine but

if i select thumbnail to show slider stop auto play

how can i fix it

i used this code

$(function(){

  var slider = $('#bxslider').bxSlider({
    controls: false,
    auto    : true ,
    captions: true
  });


  $('#Slides a').click(function(){
   var thumbIndex = $('#Slides a').index(this);

    slider.goToSlide(thumbIndex);


    $('#Slides a').removeClass('pager-active');

    $(this).addClass('pager-active');

    return false;
  });

  $('#Slides a:first').addClass('pager-active');
});

you can check the site here : check the website if you don't understand me

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

幽梦紫曦～ 2024-12-17 06:17:40

试试这个。第二个参数用于 stopAuto。默认情况下它是 True，因此当您选择缩略图以显示滑块时停止自动播放。

slider.goToSlide(thumbIndex,true);

Try this. Second argument is for stopAuto.By default it is True so when you select thumbnail to show slider stop auto play.

slider.goToSlide(thumbIndex,true);

回复收藏 0 原文

一念一轮回 2024-12-17 06:17:40

我也为此苦苦挣扎。将布尔值传递给 goToSlide 不起作用。要修复此问题，请在调用 slider.goToSlide(thumbIndex); 之后直接添加此行

slider.startShow()

这将重新启动“幻灯片放映”，从当时播放的任何幻灯片开始。

I was struggling with this as well. Passing a boolean to goToSlide didn't work. To fix it, add this line directly after your call to slider.goToSlide(thumbIndex);