js onmouseoverで写真を変更できます。

Question

私はこのコードを使用してonmouseoverの画像を変更します。 IEでそれは動作します、Firefoxでそれは間違っています、問題はどこですか？そして誰も私のために最初の画像に戻るonmouseout関数を追加できますか？ありがとう。

<script type="text/javascript"> 
function changeimage(rel){ 
document.getElementById("image").src=rel; 
} 
</script> 
<img src="img1.jpg" id="image" /> 
<a onmouseover="changeimage('img1.jpg')" rel="img1.jpg">img1</a> 
<a onmouseover="changeimage('img2.jpg')" rel="img2.jpg">img2</a> 
<a onmouseover="changeimage('img3.jpg')" rel="img3.jpg">img3</a> 

Answer 1

あなたが使用することができます。

<script type="text/javascript"> 
function changeimage(rel) 
{ 
    var img = document.getElementById("image"); 
    img.setAttribute("orig", img.src); 
    img.src=rel; 
} 

function SetOriginal() 
{ 
    var img = document.getElementById("image"); 
    img.src = img.getAttribute("orig"); 
} 
</script> 
<img src="img1" id="image" /> 
<a onmouseover="changeimage('img1')" onmouseout="SetOriginal()" rel="img1">img1</a> 
<a onmouseover="changeimage('img2')" onmouseout="SetOriginal()" rel="img2">img2</a> 
<a onmouseover="changeimage('img3')" onmouseout="SetOriginal()" rel="img3">img3</a> 

は、元の画像に戻ります。 これをfirefox（3.6.12）でテストしたところ、動作しています。