为什么此图像翻转不显示新图像？

Question

我有一个图像，onmouseoover代码调用一个JavaScript函数，它应该将图像的源更改为另一个图像。这是代码

变量：

var Simage = new Array() 
Simage[0] = new Image() 
Simage[0].src = "JavaScript.jpg"  
Simage[1] = new Image()
Simage[1].src = "JAVASCRIPT.png"
Simage[2] = new Image()
Simage[2].src = "JS.png"

以上变量存储图像源

HTML：

<img src="JavaScript.jpg" id="rollover" onmouseover="Roll(Simage[2])" onmouseout="Roll(Simage[1])" width="225" height="196">

功能：

function Roll(i) {
document.getElementById("rollover").src = i;
}

鼠标悬停时图像会发生变化，但图像为空白，就像代码无法找到新的图像源一样。但是，在它上面我有一个工作图像幻灯片，它使用相同的变量/图像源。我猜这个问题与参数有关。帮助