- 締切済み
クリックするとページ内の別の場所の画像が変更
クリッカブルマップを設定した地図（添付画像左）があります。 添付画像の右側のグレー部分に番号と関連した画像が表示されるようにしたいのですが、 どのようにしたら出来るのでしょうか？ javascriptを使わないとできないのでしょうか？ そうでしたら、ソースもご教授願えれば助かります。 javascriptを使用しない方法ならなお助かります。 よろしくお願いいたします。 手持ちソフト Adobe Dreamweaver、 Photoshop、Flash Professional CS5
- chizu777
- お礼率68% (28/41)
- その他([技術者向] コンピューター)
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- axel_eye
- ベストアンサー率64% (145/226)
ダサい方法でよろしければ、 こんな方法はいかがでしょうか。 ファイルは、index.html,main.html,pic1.html,pic2.html,pic3.htmlの5つあります。 index.html--------------------- <html> <head> </head> <frameset cols="50%,*" frameborder="0"> <frame src="main.html" name="left"> <frame src="pic1.html" name="right"> </frameset> </html> ------------------------------- main.html---------------------- <html> <head> </head> <body> <img src="a.jpg" width="300" height="200" usemap="#map1" border="0"> <map name="map1"> <area shape="rect" coords="0,0,150,200" href="pic2.html" target="right"> <area shape="rect" coords="150,0,300,200" href="pic3.html" target="right"> </map> </body> </html> -------------------------------- pic1.html----------------------- <html> <head> </head> <body> <img src="b.jpg" width="300" height="200"> </body> </html> --------------------------------- pic2.html----------------------- <html> <head> </head> <body> <img src="c.jpg" width="300" height="200"> </body> </html> --------------------------------- pic3.html------------------------ <html> <head> </head> <body> <img src="d.jpg" width="300" height="200"> </body> </html> --------------------------------- a.jpg,b.jpg,c.jpg,d.jpgはそれぞれ用意してください。 b.jpgを灰色の画像にするといいと思います。 ウィンドウを2つ(左右)のフレームに分けて、左ウィンドウのクリッカブルマップに合わせて、 右ウィンドウのhtmlを呼び出すというものです。 areaタグ内で、勝手にtargetを使っているので仕様に則っているかわかりません。 IE8では動作確認しました。
