※ ChatGPTを利用し、要約された質問です(原文:マウスオーバー)
マウスオーバーの制御方法と画像の変更方法
このQ&Aのポイント
マウスオーバーで画像を変更する方法について教えてください。
マウスオーバー時に画像が変わったままにする方法はありますか?
マウスオーバーで画像の変更を行う際、マウスが外れたときに元の画像に戻らない方法を教えてください。
マウスオーバーの制御で下記のソースなのですが、今まで、こちらを教えてもらってやっていました。
今のままだと、オーバーで画像が変わるだけでマウスが外れると、元の画像に戻ってしまいます。該当ページへジャンプしたときに画像が変わったままにするのにはどうしたらよいのでしょうか。
<script LANGUAGE="JavaScript">
<!--
if (document.images) { //if image object is available
img1on = new Image(); // MouseOver Images
img1on.src = "image/1.gif";
img2on = new Image();
img2on.src = "image/2.gif";
img1off = new Image(); // MouseOut Images
img1off.src = "image/1_1.gif";
img2off = new Image();
img2off.src = "image/2_2.gif";
}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src"); }}
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src"); }}
//-->
</script>
***HTML*****
<a onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')" TARGET="_self" href="index.htm">
<img NAME="img1" image/1_1.gif" width="130" height="20"></a>
<a onMouseOver="imgOn('img2')" onMouseOut="imgOff('img2')" href="next.htm">
<img NAME="img2" SRC="image/2_2.gif" width="130" height="20"></a>
お礼
そんな単純なことでした。 Javascriptは全然、わからないもので・・。 早速の回答に大変助かりました。 ありがとうございました!