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