HTMLのホームページにおいて、マウスをアイコンに乗せたとき、画像が変わるGalleryを作りたいと思っています。色々なページを見て、（前略）（中略） /*ボタン１ここにマウスを乗せて画像１を変更する*/ /*画像１*/ /*ボタン２ここにマウスを乗せて画像２を変更する*/ /*画像２*/ （後略）というやりかたでを採用したのですが、このやりかただと一つのページにつき、一箇所の画像しか変更させることができません。（上では図２しか変更できません）置いたアイコンによって、個別のウィンドーの画像を変更させたいのですが、どのようにすればいいでしょうか。参考になるＨＰでもあれば教えてください。

マウスをアイコンに乗せたとき、画像が変わるGalleryを作りたいと思っています

解決済

質問者：---maki---
質問日時：2006/08/19 11:46
回答数：1件

HTMLのホームページにおいて、マウスをアイコンに乗せたとき、画像が変わるGalleryを作りたいと思っています。
色々なページを見て、

（前略）
<SCRIPT>

</SCRIPT>
（中略）
/*ボタン１　ここにマウスを乗せて画像１を変更する*/
<IMG onmouseover="In('gra01L.jpg')" onmouseout="Out('gra00.jpg')"src="botan_gra01.jpg" border="0"></TD>
/*画像１*/
<IMG height="300" src="images/gra00.jpg" width="500" border="0" name="SCR">
/*ボタン２　ここにマウスを乗せて画像２を変更する*/
<IMG onmouseover="In('gra01.jpg')" onmouseout="Out('gra00.jpg')" src="botan_gra01.jpg" border="0">
/*画像２*/
<IMG height="300" src="images/gra00.jpg" width="500" border="0" name="SCR">
（後略）

というやりかたでを採用したのですが、このやりかただと一つのページにつき、一箇所の画像しか変更させることができません。
（上では図２しか変更できません）
置いたアイコンによって、個別のウィンドーの画像を変更させたいのですが、どのようにすればいいでしょうか。
参考になるＨＰでもあれば教えてください。

通報する

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

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： arenani_sorenani
回答日時：2006/08/19 12:44

以下のように

関数の引数をひとつ増やして
IMGのnameを渡しあげれば宜しいかと・・

<script type="text/javascript">
function In(objName,ImgSrc){
document.images[objName].src = "images/"+ImgSrc;
}
function Out(objName,ImgSrc){
document.images[objName].src = "images/"+ImgSrc;
}
</script>
<body>
<img onmouseover="In('SCR1','gra01L.jpg')" onmouseout="Out('SCR1','gra00.jpg')" src="botan_gra01.jpg" border="0">
<img name="SCR1" src="images/gra00.jpg" width="500" height="300" border="0" />
<img onmouseover="In('SCR2','gra01.jpg')" onmouseout="Out('SCR2','gra00.jpg')" src="botan_gra01.jpg" border="0">
<img name="SCR2" src="images/gra00.jpg" width="500" height="300" border="0" >
</body>

.