カテゴリー
ホームページ製作

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

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

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

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

bxSliderの使い方が書いてあるサイト。
https://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;
}

だけでよかった。

コメントを残す

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