- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：リンクで画像を置き換えたい）
リンクで画像を置き換えたい
このQ&Aのポイント
- 初心者ですが、画像をリンクをクリックすることで切り替える方法について教えてください。
- 複数の画像を最初に読み込んでおき、リンククリック時に画像をスピーディに切り替える方法について教えてください。
- サンプルコードの提供もお願いします。
- rythm
- お礼率41% (92/222)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html lang="ja"> <head> <script type='text/javascript'> var imgs = new Array(new Image(),new Image(),new Image()); for (var i=0 ; i<imgs.length ; i++) imgs[i].src = '00' + (i+1) + '.jpg'; function change_img(num) { document.getElementById("gazou").src = imgs[num-1].src; return false; } </script> </head> <body> <div> <a href = "#" onclick = "return change_img(1)">画像1</a> <a href = "#" onclick = "return change_img(2)">画像2</a> <a href = "#" onclick = "return change_img(3)">画像3</a> <hr /> <img src = "1.jpg" id="gazou"> </div> </body> </html>
