JavaScriptによる配列を使った画像スライダー
それでは、画像スライダーを作ってみましょう。
HTMLコードには、imgタグが与えられているとします:
<img id="slider" src="">
また、画像の配列が与えられているとします:
let texts = ['1.png', '2.png', '3.png'];
毎秒、imgタグに配列から新しい画像が表示されるようにしてみましょう。
説明されたスライダーを実装してください。画像が循環するようにしてください。
前のタスクを変更し、画像の上に「次へ」と「前へ」の矢印も表示されるようにしてください。つまり、スライダーはタイマーで自動的に切り替わりますが、ユーザーが必要に応じてリンクで手動で切り替えることもできるようにします。