« bxSliderのコントロール類をクリックするとスライドが停止してしまうので自動的に再開させる | トップページ | slickを動作させない »

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

« bxSliderのコントロール類をクリックするとスライドが停止してしまうので自動的に再開させる | トップページ | slickを動作させない »

js」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1139838/68387781

この記事へのトラックバック一覧です: bxsliderのオプションをブラウザの画面幅で変更する:

« bxSliderのコントロール類をクリックするとスライドが停止してしまうので自動的に再開させる | トップページ | slickを動作させない »