- ベストアンサー
画像の指定範囲でのポップアップについて
- １枚の画像の中に複数のクリック個所を設け、それぞれ違う画像をポップアップさせる方法について教えてください。
- No.1266995で締め切った質問です。
- JavaSciptを使用して、ポップアップウィンドウを開くことができます。
- mantenbosi2
- お礼率40% (4/10)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
おはようございます。 >更に数件とかなった場合は、数字を２、３、４、５・・・・と振っていけば良いのでしょうか。 その通りです。 数字も揃えた方がわかりやすかったですね。 <head> <script Language="JavaScript"><!-- function openWin1() { window.open("image/画像１.jpg","Sample","width=320,height=240"); } function openWin2() { window.open("image/画像２.jpg","Sample","width=320,height=240"); } function openWin3() { window.open("image/画像３.jpg","Sample","width=320,height=240"); } // --></script> </head> <body> <img src="元画像.jpg" usemap="#myMAP"> <map name="myMAP"> <area shape="circle" coords="130,182,10" href="javaScript:openWin1()"> <area shape="circle" coords="170,170,10" href="javaScript:openWin2()"> <area shape="circle" coords="***,***,10" href="javaScript:openWin3()"> </map> ↑のように3とすればOKです。4,5,6も同じ。
その他の回答 (1)
- gaviru44
- ベストアンサー率56% (95/168)
こんばんは。 <head> <script Language="JavaScript"><!-- function openWin() { window.open("image/画像１.jpg","Sample","width=320,height=240"); } function openWin1() { window.open("image/画像２.jpg","Sample","width=320,height=240"); } // --></script> </head> <body> <img src="元画像.jpg" usemap="#myMAP"> <map name="myMAP"> <area shape="circle" coords="130,182,10" href="javaScript:openWin()"> <area shape="circle" coords="170,170,10" href="javaScript:openWin1()"> </map> <head>～</head>内の二つ目のfunction openWin()のところをfunction openWin1()に変える <body>～</body>の二つ目のjavaScript:openWin()">をjavaScript:openWin1()">に変える で、いけると思います。
補足
これが、更に数件とかなった場合は、数字を２、３、４、５・・・・と振っていけば良いのでしょうか。 よろしくお願いします。
お礼
明解にお答え頂き、大変ありがとうございました。 早速やってみたいと思います。