はじめまして、web制作初心者です。
jQueryのbxSliderというものを使いブラウザの幅が特定のピクセル以下の場合だけスライダーを動作させ、それ以外の場合は動作させる前の状態にしたいと考えています。
$(window).on(’load resize’, function(){
var w = $(window).width();
var x = 768;
if (w <= x) {
$(’.bxslider’).bxSlider();
}
else {
}
});
bxsliderのサイト(http://bxslider.com/)にいくとオブションのパブリックメソッドというものの中にdestroySliderというものがありました。
example:
slider = $(’.bxslider’).bxSlider();
slider.destroySlider();
これをelseの中にいれれば良いのかと考えたのですが動作しませんでした。
助けていただけると幸いです。
よろしくお願いします。
みんなの回答 3 件
スマホ対策ですか?
動くヤツと動かないヤツ2つ並べておいて
ウィンドウ幅に応じて表示・非表示すれってのはダメ?
一度プラグインを設定しちゃうと、解除はなかなか難しい。.bxSlider() する前に $(’.bxslider ’) を変数に保存しておき、解除したい時はオブジェクトごと削除すれば? で、再開する時は保存しといた $(’bxslider’) を書き戻して .bxSlider() すればいい。
関連するトピックス