アプリ版：「スタンプのみでお礼する」機能のリリースについて

ロールオーバーで画像を先読みする方法

解決済

  • 質問者：tyep
  • 質問日時：
  • 回答数：1件

スワップイメージをJavascriptで製作しました。

どうしても　先読みした画像を
指定する方法がわかりません。

このやり方ではできないのでしょうか？

お教えください
よろしくお願いします。

以下作成したコードになります。




function preload() {
var images1 = new Image();
var images2 = new Image();
var images3 = new Image();
images1.src = "ike1.jpg";
images2.src = "ike2.jpg";
images3.src = "ike3.jpg";
}


function over(num){
var a=document.getElementById("img1");
var b=document.getElementById("title1");
var c=document.getElementById("teima1");

switch(num){
case 1:
a.innerHTML = "<img src='ike1.jpg'>";
b.innerHTML = "ああああ";
c.innerHTML = "ああああ";
break;

switch(num){
case 2:
a.innerHTML = "<img src='ike2.jpg'>";
b.innerHTML = "ああああ";
c.innerHTML = "ああああ";
break;

switch(num){
case 3:
a.innerHTML = "<img src='ike3.jpg'>";
b.innerHTML = "ああああ";
c.innerHTML = "ああああ";
break;
}
}

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： _pipi_
  • 回答日時：

<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>

この回答への補足

早速試してみたところ
どうしても　まだ初心者なもので
解決できませんでした。

そこで　画像は画像でスワップイメージ
　　　　文字は文字でinnerHTML 　で
　　　　別々に製作して
　　　　
　　　　タグに同時に設定して解決しました。

お騒がせしました。

補足日時：2008/08/29 20:26
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

試してみます。
ありがとうございます。

通報する
お礼日時：2008/08/29 11:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報