• ベストアンサー

画像をポイントすると別の画像が表示される方法を教えてください。

JavaScriptのページを調べてみたのですが有効な方法がないので 教えてください。よろしくお願いします。 例えば、TOPなどの画像をポイントすると、違う画像が表示され、 ポイントをはずすとまた最初の画像が表示されるようにする方法は ありますでしょうか。 ご存知の方がいらっしゃいましたら、回答をお待ちしております。 よろしくお願いします。

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

  • ベストアンサー
  • ubonoti01
  • ベストアンサー率20% (43/211)
回答No.2

JavaScriptは分かりませんが、IBMホームページビルダーでは簡単です。キーワードは「ロールオーバー効果」です。

noname#62837
質問者

お礼

ソースを調べてやったのですがうまく動作せず、 教えていただいたHPBでできました! どうもありがとうございました!

その他の回答 (2)

  • ubonoti01
  • ベストアンサー率20% (43/211)
回答No.3

#1の続きです。 「JavaScript」と「ロールオーバー効果」でAND検索すると、実現方法を開示したページが見つかります。

noname#62837
質問者

お礼

探した結果ソースを入れたのですがうまく動作しなく、 HPBでできました。 回答ありがとうございました。 また質問させていただくこともあるかと思うのですが その時はよろしくお願いいたします。

  • annie_x
  • ベストアンサー率50% (65/129)
回答No.1

こんな感じでしょうか、、、 top.html:画像をクリックしたときのリンク先 top_1.gif:マウスをポイントしていないときの画像 top_2.gif:マウスをポイントした時の画像 #================================================= <SCRIPT language=JavaScript> <!-- if( (navigator.appName == "Netscape") || (navigator.appName == "Microsoft Internet Explorer") ){ if(navigator.appVersion.charAt(0)>=3) { outImg=new Array() outImg[1] = new Image();outImg[1].src='top_1.gif'; outImg[2] = new Image();outImg[2].src='top_2.gif'; } } // change image function changImg(target,imgNo) { if( (navigator.appName == "Netscape") || (navigator.appName == "Microsoft Internet Explorer") ){ if (navigator.appVersion.charAt(0)>=3){ document.images[target].src=outImg[imgNo].src; } }; }; //--> </script> <a href="top.html" onMouseOver="changImg('top','2');" onMouseOut="changImg('top','1')"> <img src="top_1.gif" name="top" border="0"></a> #=================================================

noname#62837
質問者

お礼

細かに教えていただいて嬉しかったです。 が、うまく動作しませんでした クスン 結局HPBでやりました。 でも、ご協力ありがとうございました!

関連するQ&A

専門家に質問してみよう