Blog

HOME > Web > JQuery > 【JQuery】boxslider修正方法

【JQuery】boxslider修正方法

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;←ここ
  }

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



ゼヒトモ内でのプロフィール: ROCKSTREAM, ゼヒトモのホームページ作成・制作サービス, 仕事をお願いしたい依頼者と様々な「プロ」をつなぐサービス

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ

口コミロボ