Javascript 在js onmouseover中发布以更改图片。

我用这个代码来制作一个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>

函数更改映像（rel）{
document.getElementById（“image”）.src=rel；
}
img1
img2
img3

您可以使用：

<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>

函数更改映像（rel）
{
var img=document.getElementById（“图像”）；
img.setAttribute（“orig”，img.src）；
img.src=rel；
}
函数SetOriginal（）
{
var img=document.getElementById（“图像”）；
img.src=img.getAttribute（“orig”）；
}
img1
img2
img3

返回到原始图像。

---

我在firefox（3.6.12）上测试了这个，它正在工作

-src值，即“img1”，不是一个图像文件。很抱歉，这是我的复制错误。