相模原市WEBサイト制作・カスタム・修復

Blog

2015/06/28

JQuery css

boxsliderというjQueryについてはご存じの方が多いと思います。

詳しくはこちらをご覧ください。
http://bxslider.com/

サイトによって、widthが違うことがありますが、
boxsliderは自動的に幅を決めるため、
サイズが合わないことがあります。

例えば、サイト幅1010pxに対して、
boxsliderでは1000pxになっているなど。

どのように微調整をしたらよいかと調べていたところ、
下記の参考サイトがありました。
bxsliderで2枚目以降の画像もブラウザ幅いっぱいに表示してみる。

ちょっと内容が違いますが、こちらの方法が使えましたので、
忘れないうちに備忘録として残します。

cssで下記のように指定をしました。

  .bx-viewport {
    overflow: visible!important;
    width: 1010px!important;←ここ
  }

このようにすると微調整が可能となります。

«前の記事

一覧に戻る