jquery.bxslider使用時の注意メモ
ぃゃぁ、ハマった。
ハマったのでメモしておこうかと。
この度、結構簡単に設置でき、横方向、縦方向、フェードにも対応しているスライダーで且つレスポンシブWebにも対応している優れもの、とのことで、使用させていただきました。
bxslider←公式サイト
jqueryスライドショー「bxslider」の使い方まとめ←まとめサイト
設置自体は、いろんなサイトにも記載してあるし、ってか何より本当に簡単だった。
すばらしい!と思ってブラウザチェック。
。。。
。。。
。。。
ie7で全く実装されていない
え?なんで?
ってか普通に縦に画像が並んじゃってる。
これie7非対応なんだっけ??
いや、他に使ってるサイトはie7でも実装されている。
確実にアタシが何かミスってる。しかし他は全部問題なく実装できてるし、idの他のバージョンでは動いてるし・・・何なの?
ドツボにハマること数時間。
ようやく発見したのが「option設定の記述の最後にカンマを付けるとie7で動かなくなる」というもの。はぁ?的な。
[ie7で動かなくなる記述]
[ie7で動く記述]
一瞬、「え?」と違いがわからないくらいじゃないですか?
本当にハマったわー。
ハマったのでメモしておこうかと。
この度、結構簡単に設置でき、横方向、縦方向、フェードにも対応しているスライダーで且つレスポンシブWebにも対応している優れもの、とのことで、使用させていただきました。
bxslider←公式サイト
jqueryスライドショー「bxslider」の使い方まとめ←まとめサイト
設置自体は、いろんなサイトにも記載してあるし、ってか何より本当に簡単だった。
すばらしい!と思ってブラウザチェック。
。。。
。。。
。。。
ie7で全く実装されていない
え?なんで?
ってか普通に縦に画像が並んじゃってる。
これie7非対応なんだっけ??
いや、他に使ってるサイトはie7でも実装されている。
確実にアタシが何かミスってる。しかし他は全部問題なく実装できてるし、idの他のバージョンでは動いてるし・・・何なの?
ドツボにハマること数時間。
ようやく発見したのが「option設定の記述の最後にカンマを付けるとie7で動かなくなる」というもの。はぁ?的な。
[ie7で動かなくなる記述]
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true
captions:true,
responsive:true,
});
});
[ie7で動く記述]
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true
captions:true,
responsive:true
});
});
一瞬、「え?」と違いがわからないくらいじゃないですか?
本当にハマったわー。
同じカテゴリ内最新記事