bxslider：滾動滑塊某些頁面加載

Question

我有40張幻燈片13張幻燈片當前可見的滑塊。 我想在頁面加載時跳轉到某個幻燈片。 例如：page1 - 首先加載幻燈片1 /第25頁 - 首先加載幻燈片25。 謝謝大家。

那是我的解決方案：

// calculate starting slider 
    var hActive = $('.h-active'); 
    var hIndex = hActive.index(); 
    var startingSlider; 
    if (hIndex <= 12) { 
     startingSlider = 0; 
    } else if (hIndex >= 13 && hIndex <= 25) { 
     startingSlider = 1; 
    } else if (hIndex >= 26 && hIndex <= 38) { 
     startingSlider = 2; 
    } else { 
     startingSlider = 3; 
    } 
    // h-slider animation 
    $('.h-slide').mouseover(function() { 
     $(this).addClass('h-active'); 
     $(this).siblings().removeClass('h-active'); 
    }); 
    $('.h-slide').mouseleave(function() { 
     $(this).removeClass('h-active'); 
     hActive.addClass('h-active'); 
    }); 
    // h-slider call 
    $('.h-slider').bxSlider({ 
     pager: false, 
     controls: true, 
     minSlides: 13, 
     maxSlides: 13, 
     slideWidth: 80, 
     nextSelector: '#h-next', 
     prevSelector: '#h-prev', 
     nextText: '<i class="h-next"></i>', 
     prevText: '<i class="h-prev"></i>', 
     speed: 1000, 
     infiniteLoop: false, 
     startSlide: startingSlider 
    }); 

Answer 1

var bx = $(".bxslider").bxSlider({ 
    startSlide: 24 
}); 

Answer 2

請參閱bxslider網站options頁面。

文檔指出，我們可以通過起始幻燈片編號初始化

startSlide

時開始幻燈片索引（從零開始）

默認：選項：整數

既然你在這裏沒提到任何編程語言，我假設你可以在JS變量的頁碼像pagenum可以bxslider之前初始化分配值象下面這樣：

var pagenum; 
//set pagenum here 
$('.bxslider').bxSlider({ 
    startSlide: pagenum?pagenum:0; 
    captions: true 
});