ボタンをMouseOverで、ボタン画像と指定先画像を同時に変えたい

質問

どちらか片方ならできるのですが、本当に同時にできるのかも分かりません。
スクリプトの記述が違うのだと思うのですが。
他の方法でも構いません、ご教授お願いします。

指定画像（name:a1）にmain01.jpgを表示させるスクリプト

<script Language="JavaScript">
<!--
if(document.images){
b2 = new Image();
b2.src="main01.jpg";
}
else{
b2 = ""
document.a1 = ""
}
//-->
</script>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

～中略～
ここはDreamweaverで作られたスクリプトなので間違いないと思います。
ボタンのロールオーバーイメージのスクリプトです。

//-->
</script>

HTML記述
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu00','','menu01.gif',1) document.a1.src='main01.jpg'"><img name="menu00" border="0" src="menu00.gif" width="173" height="32"></a>

回答No.1

tacoslot · ベストアンサー

onMouseOverで呼び出すスクリプトを「;（セミコロン）」で区切ってみてはどうでしょうか。

onMouseOver="MM_swapImage('menu00','','menu01.gif',1); document.a1.src='main01.jpg';"

お礼

ありがとうございます。やってみましたら指定画像の切り替えができました！ボタンの切り替えができませんでしたが、こちらはスクリプトの記述が原因のような気がします。

結局、CSSとJavascriptのあわせ技で解決できました。同じ疑問を持つ人のために載せておきます。

<a href="#" onMouseOver="document.a1.src='main02.jpg'"><span onmouseout="changeimg1.src='menu10.gif'"onmouseover="changeimg1.src='menu11.gif'"><img src="menu10.gif" width="173" height="133" border="0" name="changeimg1"></span></a>

Javascriptは素人には難しいですね。勉強しなきゃと思いました。
迅速なお答えありがとうございました！