簡単にカルーセルが設置できるbxSliderの使い方


サイトにスライドショーを簡単に設置できるjQueryのカルーセルはないか、探してみました。
そして、見つけたのが、bxSlider。

【参考にしたサイト】
bxSliderの本家サイト、ダウンロードしてくるのに必要。
http://bxslider.com/

jQuery.min.jsの最新版が必要なので、下記サイトで確かめる。
https://developers.google.com/speed/libraries/devguide#jquery

bxSliderの使い方が書いてあるサイト。
http://edge.sincar.jp/web/jquery%E3%82%AB%E3%83%AB%E3%83%BC%E3%82%BB%E3%83%ABbxslider/

但し、bxSliderを使うと画像がずれることが分かった。
右にずれるのを修正するには、


.bx-wrapper .bx-viewport {
    left: 0px;
}

だけでよかった。

コメントを残す

メールアドレスが公開されることはありません。

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください