javascript - Rollover 不会掉期

Question

嘿，我的 javascript 翻转有问题。图像不会改变。我看过一些教程，但看不出哪里出了问题。

这是我的代码:

首页.xhtml

 <img src="images/Weights.png" width="900" height="300" border="0" alt="Gym Equipment" name="gym"
     onMouseOver="swapImage('gym','treadmill');" onmouseout="swapImage('gym','weights');"/>

newjs.js

// Pre load images for rollover
if (document.images) 
{
    treadmill = new Image
    weights = new Image

    treadmill.src = "images/Treadmill.png"
    weights.src = "images/Weights.png"
}


function swapImage(thisImage,newImage) 
{
    if (document.images) 
        {
        document[thisImage].src = eval(newImage + ".src")
    }
}

我如何告诉应用程序 js 在哪里:

Answer 1

document[thisImage].src = eval(newImage + ".src")

应该是

document[thisImage].src = eval(newImage ).src