• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:マウスをアイコンに乗せたとき、画像が変わるGalleryを作りたいと思っています)

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

このQ&Aのポイント
  • HTMLのホームページでマウスをアイコンに乗せたとき、画像が変わるGalleryを作りたい。
  • 現在のやり方では一つのページにつき一箇所の画像しか変更できないため、個別のウィンドウの画像を変更する方法を教えてほしい。
  • 参考になるウェブサイトも教えてほしい。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

以下のように 関数の引数をひとつ増やして 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> .

---maki---
質問者

お礼

問題解決しました。 ありがとうございました。