bxSlider不能自動工作

我希望bxSlider在沒有用戶點擊的情況下自動啓動幻燈片。這是我的代碼（這是不工作）：bxSlider不能自動工作

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

這是怎麼回事？會發生什麼情況是圖像會加載，但它不會自動滾動，用戶必須始終選擇其中一個傳呼機點來手動滾動。我的代碼有什麼問題？

來源

2013-06-03 user961627

你已經有'autoStart：true'和'auto：true'。所以你爲什麼要添加'slider.startAuto（）;'..？看到** [在這裏鏈接]（http://bxslider.com/examples/auto-show-start-stop-controls）** –

絕望，希望其中一個將工作。但即使沒有它，它沒有工作，這就是爲什麼我添加它。 – user961627

請參閱** [鏈接此處]（http://bxslider.com/examples/auto-show-start-stop-controls）** –

嘗試設置autoControls: true（從http://bxslider.com/examples/auto-show-start-stop-controls）

來源

2013-06-03 12:29:51 FarmerGedden

我做過了，但用戶仍然需要點擊「開始」按鈕。我希望它在加載時立即滾動，無需任何用戶交互。（另外，我不想顯示控件。） – user961627

那麼，你可以使用'display：none'來通過CSS隱藏控件，儘管這顯然不是最優的。您使用的是哪個版本的滑塊？看看API（http://v3.bxslider.com/options），你可以嘗試設置'autoDelay：0'。 – FarmerGedden

我試過autoDelay：0，它沒有區別:(我使用的是最新版本？我剛剛下載它，它的版本是4.1 – user961627

此代碼爲我工作！

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); 
});

如果您不想延遲，您可以將等待設置爲0。因爲我使用了：pagerCustom：'#pager'，所以我將'.bx-pager'a改爲'#pager a'。

來源

2013-10-19 17:37:57 KlaasvnA

您應該使用

$(document).ready(function(e) { });

或

$(window).ready(function(e) { });

代碼之間。

所以正確的應該是，

$(document).ready(function(e) { 
    $('.slider1').bxSlider({ 
    slideWidth: 1012, 
    slideHeight:200, 
    minSlides: 1, 
    slideMargin: 0, 
    controls: false, 
    auto: true 
    }); 
});

希望這將幫助你......！

來源

2015-01-12 10:30:57 Raa

auto：true，< - 爲我工作而不是autoStart：true –

這一切，少了什麼，我從bxslider official頁

$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    mode: 'fade', 
    auto: true, 
    autoControls: true, 
    pause: 2000 
    }); 
});

來源

2015-12-08 05:55:18 ImranNaqvi

-1

我建議採取下列補救措施得到了它。在每次幻燈片切換後執行onSlideAfter。然後這個代碼將導致slider.startAuto()每次發生這種情況，開始自動顯示。

var slider = $(".sliderBx ul").bxSlider({ 
    auto: true, 
    pager: true, 
    controls: true, 
    onSlideAfter: function() { 
     slider.startAuto(); 
    } 
});

來源

2017-04-17 11:49:47

While這個代碼片段可能會解決這個問題，[包括解釋]（http://meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）確實有助於提高帖子的質量。請記住，您將來會爲讀者回答問題，而這些人可能不知道您的代碼建議的原因。 –

請包括說明。 –

bxSlider不能自動工作

回答

相關問題