これは表示する写真の数と同じです。要素1つの幅を求めています。取得できますが、実際はマージンが設定してあるのでその分も幅に加えます。ような文字列なので、計算に使用するために数値に変換する必要があります。要素の幅を設定しています。要素の幅を使用して全体の幅を設定しています。要素の幅1つ分左に移動させます。「easeInOutExpo」を設定しています。最後に移動させています。繰り返し処理するように設定します。以下は、ここまでの記述で表示されるスライダーのサンプルのリンクです。続いて、再生ボタンやそれぞれの画像に対応する丸いアイコンを追加します。