3

ユーザーがクリックしなくても、bxSlider がスライドショーを自動的に開始するようにします。これは私のコードです(動作していません):

slider = $('.slider1').bxSlider({
    slideWidth: 1012,
    slideHeight:200,
    minSlides: 1,
    slideMargin: 0,
    controls: false,
    auto: true,
    autoStart: true
});
slider.startAuto();

これの何が問題なのですか?何が起こるかというと、画像は読み込まれますが、自動スクロールは行われず、ユーザーは手動でスクロールするページャー ドットの 1 つを常に選択する必要があります。コードの何が問題になっていますか?

4

6 に答える 6

2

このコードは私のために働いた!

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' に変更しました。

于 2013-10-19T17:37:57.433 に答える
2

これがすべてで、欠けていたもので、bxslider officialページから取得しました

$(document).ready(function(){
  $('.bxslider').bxSlider({
  mode: 'fade',
  auto: true,
  autoControls: true,
  pause: 2000
  });
});
于 2015-12-08T05:55:18.577 に答える
1

設定してみるautoControls: true( http://bxslider.com/examples/auto-show-start-stop-controlsより)

于 2013-06-03T12:29:51.827 に答える