• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:JavaScript(?)で入替えた画像をクリッカブルマップにする方法)

JavaScriptで入替えた画像をクリッカブルマップにする方法

このQ&Aのポイント
  • JavaScriptで画像を入替える方法が分かりましたが、その入替え後のイメージをクリッカブルマップにする方法がわかりません。どなたか教えてください。
  • 入替えた画像をクリッカブルマップにしたいのですが、具体的な方法がわかりません。JavaScriptで画像を入替えることはできるのですが、クリッカブルマップにする方法が不明です。
  • JavaScriptを使って画像を入替えることはできましたが、その後の画像をクリッカブルマップにする方法が分かりません。どうすればクリッカブルマップにすることができるのでしょうか?

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

  • ベストアンサー
  • madman
  • ベストアンサー率24% (612/2465)
回答No.1

具体的なイメージが湧かないので、とりあえず同じ位置に別画像を置いて、クリックするとクリッカブルマップと画像を入れ替えるサンプルを書きます。 ---- <HTML> <HEAD> <MEAT http-equiv="Content-script-type" content="text/javascript"> <SCRIPT type="text/javascript"> var MAPMAX=2; //切替マップの上限 function chgMAP(num) { // 全部のクリッカブルマップ画像を非表示にする for(i=1; i<=MAPMAX; i++) { document.images["MP"+i].style.visibility = "hidden"; } // 指定のクリッカブルマップ画像を表示にする document.images["MP"+num].style.visibility = "visible"; } </SCRIPT> </HEAD> <BODY> </BODY> <IMG SRC="img1.jpg" name="MP1" usemap="#MPT1" style="position:absolute;top:Opx;left:Opx;visibility:visible"> <IMG SRC="img2.jpg" name="MP2" usemap="#MPT2" style="position:absolute;top:Opx;left:Opx;visibility:hidden"> <MAP name="MPT1"> <area shape="rect" coords="0,0,50,100" href="javascript:chgMAP(2)"> </MAP> <MAP name="MPT2"> <area shape="rect" coords="50,0,100,100" href="javascript:chgMAP(1)"> </MAP> </HTML>

macky0225
質問者

お礼

説明があまり上手くできなかったので混乱させてしまったようで・・・すみませんでしたm(__)m なるほど、この様な手法を用いるのですなφ(..)メモメモ 有難う御座います。さっそくこのやり方でやってみます

関連するQ&A

専門家に質問してみよう