« 2014年7月 | トップページ | 2017年1月 »

2016年11月

slickを動作させない

$(this).slick('unslick');

bxsliderのオプションをブラウザの画面幅で変更する

bxsliderはレスポンシブに対応していてとても便利なのですが、
ブラウザ幅によって少しオプションを変更したい場合のメモ。

var slidenum;
if(window.matchMedia('(min-width:768px)').matches){
    slidenum = 1;
} else {
    slidenum = 3;
}

var slider = $('.bxslider').bxSlider({
    minSlides: 1,
    maxSlides: slidenum,
    moveSlides: 1,
    onSlideAfter: function(){
        slider.startAuto();
    }
});

« 2014年7月 | トップページ | 2017年1月 »