クリッカブルマップをロールオーバーをしたい!
画像の一部にクリッカブルマップを配して、その部分のみカーソルを当てると画像が変わるようにしたいのですが、以下の方法を見つけました。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1422869464
ですが、
<div>
<img src="sample_01.jpg" alt="" width="650" height="149" border="0" usemap="#Map3" id="map">
<map name="Map3">
<area shape="rect" coords="26,105,167,131" href="#start" onmouseover="changeMapImage('sample_01_02.jpg')" onmouseout="changeMapImage('sample_01.jpg')">
</map>
</div>
<div>
<img src="sample_02.jpg" alt="" width="650" height="149" border="0" usemap="#Map4" id="map">
<map name="Map4">
<area shape="rect" coords="26,105,167,131" href="#start" onmouseover="changeMapImage('sample_02_02.jpg')" onmouseout="changeMapImage('sample_02.jpg')">
</map>
</div>
このように、クリッカブルを配した画像が続いた場合、なぜか2番目の画像にカーソルを当てると、1番上の画像がロールオーバーされるという。。。
ジャバスクリプト初心者の私にはなぜだか全く分かりません。
他の方法(フラッシュなど)もあるようなのですが、この方法で解決方法を教えて頂けますでしょうか?
どうぞよろしくお願いいたします。
お礼
ご回答有難うございます。 普通に不可能というのが正解なんですね。 デザイン重視で使いやすさ、見易さを無視して作成していましたが 確かに見る人にとってはウザいですよね^^; HPは見る人の立場に立たなければ意味が無いのに デザインを重視するあまり、完全に自己満足の世界に陥ってしまっていました、、; はっきり意見を言ってもらって、助かりました。