画像を変えるスクリプト

解決済

質問者：shoshosho
質問日時：2005/09/28 17:18
回答数：1件

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<A href="#" onMouseOver="changeImage(0,2)" onMouseOut="changeImage(0,1)"><IMG src="img1.gif" border=0></A><BR>
<BR>
<A href="#" onMouseOver="changeImage(1,4)" onMouseOut="changeImage(1,3)"><IMG src="img3.gif" border=0></A>
</CENTER>
</BODY>
</HTML>
マウスオーバーしたら画像が変わるスクリプトです。
質問ですがこのスクリプトでどうしてオブジェクトを作っているのでしょうか？
普通にsrcプロパティを変更するだけではだめなのでしょうか？例えばdocument.images[i].src="img"＋j＋".gif"のようにしてiとjを変えるような
感じです。

通報する

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

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： akanekor
回答日時：2005/09/28 17:29

レスポンスを良くするためだと思います。

上記のやり方だと、初期起動時に全画像を読み込みますが、

>普通にsrcプロパティを変更するだけ
のやり方だと
マウスのイベントが走った時点で、画像の読み込みに行きますから、
キャッシュが無い一回目の動きは、読み込みラグが発生します。

特に画像サイズが大きくて、サーバに上がってる際に違いが出ます。
ローカルで動かしている、又はキャッシュに画像が残ってる状態では、違いは感じられませんが、。