- ベストアンサー
画像の指定範囲でのポップアップについて
画像中、円形の範囲を指定してクリックするとポップアップで他の画像が出てくるソースを教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
クリッカブルマップを作る。 リンク先にtarget="_blank"で画像を指定、 または、JavaScriptでwindow.open()で開く、といった手順になります。 画像の左上頂点がX,Y座標の原点(0,0)です。 coords="円の中心x,円の中心までのy,半径" クリッカブルマップについては、 http://www.alphatec.or.jp/hp_map.html を。 <img src="map.gif" usemap="#myMAP"> <map name="myMAP"> <area shape="circle" coords="30,20,50" href="img.gif" target="_blank"> </map> JavaSctiptを利用するとウィンドウ幅とか細かく指定できます。 <head>~</head>内の記述==== <head> <script Language="JavaScript"><!-- function openWin() { window.open("image.gif","Sample","width=320,height=240"); } // --></script> </head> <body>に記述============ <img src="map.gif" usemap="#myMAP"> <map name="myMAP"> <area shape="circle" coords="30,20,50" href="javaScript:openWin()"> </map> で、いけると思いますが、試していません。
お礼
早速ありがとうございました。やってみたら出来ました。 本当にありがとうございました。
補足
早速ありがとうございました。やってみたら出来ました。本当にありがとうございました。