画像にエリア指定をしてマウスオーバーすると画像が変わり、さらにそのマウ
画像にエリア指定をしてマウスオーバーすると画像が変わり、さらにそのマウスオーバーがフェードで切り替わるということはできないでしょうか？
画像にエリア指定をしてマウスオーバーすると画像が変わるということはできたのですが
その画像の切り替えをフェードでできないでしょうか
問題のコードです
<script>function over(num){
document.getElementById("mg").src="site02/ex/ex_top03"+num+".jpg"
}
function out(){
document.getElementById("mg").src="site02/ex/ex_top03.jpg"
}
</script>
<div id="main_content_ex">
<img id="mg" src="site02/ex/ex_top03.jpg" usemap="#hisigata" border="0" />
<map name ="hisigata">
<area shape="rect" coords="10,498,149,532" href="site02/lightbox/ex.htm" onmouseover="over(1)" onmouseout="out()">
<area shape="rect" coords="582,468,790,496" onmouseover="over(2)" onmouseout="out()">
<area shape="rect" coords="800,465,932,493" onmouseover="over(3)" onmouseout="out()"></div>
jQueryなどのフェードのエフェクトを使用しようかとも思ったのですが、javascriptでmouseOverの画像を指定しているためどう書いていいかわからなくなってしまいました
こういう質問のしかたで大変恐縮なのですが
誰かご教授願えないでしょうか？？
scriptもjQueryも基本を理解できておらず、大変困っています。
大変申し訳ありませんが、お願いいたします。
