bxslider.jsでスマホを縦向き、横向きと入れ替えたときに再読み込みさせる方法
bxslider.jsでスマホを縦向き、横向きと入れ替えたときに再読み込みさせる方法
スマホを横向き、縦向きなど入れ替えるとスライダーの途中で上手く動かなくなることがあります。
そんな時に、reloadSliderで再読み込みさせることで解決できます。
$(window).load(function() {
var config = {
slideWidth: 600,
auto: true
};
var sliders = new Array();
$('.bxslider').each(function(i, slider) {
sliders[i] = $(slider).bxSlider(config);
});
$(window).on('orientationchange', function(){
$.each(sliders, function(i, slider) {
slider.reloadSlider(config);
});
});
});
eachは繰り返し処理
配列に１つずつスライダーを入れていき、1枚1枚見ていかないといけないようです。