- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ロールオーバーで画像を先読みする方法）
ロールオーバーで画像を先読みする方法
このQ&Aのポイント
- スワップイメージをJavascriptで製作し、画像を先読みする方法を考えています。
- 現在の方法では画像を指定することができないため、他の方法を探しています。
- 画像のプリロードを行い、ロールオーバー時に素早く画像を表示する方法について教えてください。
- tyep
- お礼率80% (4/5)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#84373
回答No.1
<html> <script type="text/javascript"> var images=[]; window.onload = function(){ for(i=0;i<3;i++) {images[i]=new Image();images[i].src='ike'+i+'.jpg';}} function over(n){ $('a').src=images[i]; $('b').innerHTML='あああ いいい ううう'.split(' ')[n]; $('c').innerHTML='えええ おおお かかか'.split(' ')[n]; } function $(id){return document.getElementById(id);} </script> <body> <img id="a" src="">/<span id="b"></span>/<span id="c"></span><hr> <a href="#" id="b1" onMouseover="over(0)">1</a> <a href="#" id="b2" onMouseover="over(1)">2</a> <a href="#" id="b3" onMouseover="over(2)">3</a> </body> </html>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
試してみます。 ありがとうございます。
補足
早速試してみたところ どうしても まだ初心者なもので 解決できませんでした。 そこで 画像は画像でスワップイメージ 文字は文字でinnerHTML で 別々に製作して タグに同時に設定して解決しました。 お騒がせしました。