スライドショーを右から左にスライドして画像が切り替わるようにしたいです

少し複雑な実装が必要になりますが、参考になる質問をご紹介します。
2022年6月15日
ユーザー

いつも素晴らしい動画をありがとうございます。

今回のスライドショーは opacityposition:abusolute を利用して、画像自体はその場でふわりと表示されるのを繰り返していますが、
別の動画「 JavaScript でカルーセルを作ろう」のように、右から左へスライドしてふわりと表示するタイプのデザインを作りたいと考えています。

カルーセルの時と同様、まずは img 要素3つを横並べにして、translateX を使ってうまく切り替えるのかと思いましたが、
画像が左に進みすぎると右の img がなくなるので繰り返しができません。
何かヒントをいただけないでしょうか。

誠に恐れ入りますが、よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(3)