サイトにスライドショーを簡単に設置できる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;
}
だけでよかった。