⊗jsPrSlIVA 39 of 62 menu

JavaScriptによる配列を使った画像スライダー

それでは、画像スライダーを作ってみましょう。 HTMLコードには、imgタグが与えられているとします:

<img id="slider" src="">

また、画像の配列が与えられているとします:

let texts = ['1.png', '2.png', '3.png'];

毎秒、imgタグに配列から新しい画像が表示されるようにしてみましょう。

説明されたスライダーを実装してください。画像が循環するようにしてください。

前のタスクを変更し、画像の上に「次へ」と「前へ」の矢印も表示されるようにしてください。つまり、スライダーはタイマーで自動的に切り替わりますが、ユーザーが必要に応じてリンクで手動で切り替えることもできるようにします。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否