使用網址開始幻燈片

Question

我需要通過URL前往幻燈片5。 因此，當我輸入url.com/#slide5或類似於/？start = slide5 時，代碼「startSlide：5」需要被觸發。

$(document).ready(function(){ 
    $('.slider').bxSlider({ 
    slideWidth: 300, 
    minSlides: 2, 
    maxSlides: 3, 
    startSlide: 5, 
    slideMargin: 10 
    }); 
}); 

這是可能以某種方式？

Answer 1

您可以使用window.location.hash

$(document).ready(function(){ 
    var hash = window.location.hash; 

    $('.slider').bxSlider({ 
    slideWidth: 300, 
    minSlides: 2, 
    maxSlides: 3, 
    startSlide: hash, 
    slideMargin: 10 
    }); 
}); 

但對於這一點，你將有隻有幻燈片編號例如添加到哈希url.com/#5或應用一些邏輯去掉哈希中的幻燈片編號。