jQueryで動くプラグイン「bxslider」を使用したとき、なぜか勝手に画像の周りに白枠やマージンが追加されます。
あれ消すのめんどくさいですよね(
毎回自分でCSSでを打ち消すのは面倒なので、ここでメモしておこうと思います。
bxsliderで余計な余白や白枠を消す方法
では早速白枠やマージンを削除してシンプルな状態にしていきます。
/* 枠線の削除 */ .bx-wrapper { background-color: transparent; margin: 0px auto; border: none; box-shadow: none; } .bx-wrapper img { display: block; margin: 0px auto; }
bxsliderスワイプのバグが残っているうえに、アップデートされていないので最近は使っていませんが・・・
たまに使う時に面倒なのでメモしておきました。
最近だとslickとかswiperを使用したほうがよいかもしれません。
いろいろスライダーもありますが、試してみてください。
ABOUT ME