js rotator中的图像显示在Chrome和IE中，但不显示在Firefox中

Question

我经营一个为慈善机构捐款的网站，我们最近刚刚使用js图像旋转器为我们的英雄形象推出了一个新的主页。我们使用三个图像旋转。它适用于IE和Chrome，但不适用于Firefox。这是旧代码，但它适用于其他代码

我经历了很多研究，但我的技能有限。我确信这是一件很简单的事情，我忽略了，但你的帮助会受到赞赏。

我的代码是

<div>
<script type="text/javascript">
function initArray() {

this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}

link = new initArray(
"#",
"http://www.rainbowinitiative.com/about.html",
"#"
);

image = new initArray(
"http://www.rainbowinitiative.com/images/headerimage.jpg",
"http://www.rainbowinitiative.com/images/howitworks.jpg",
"http://www.rainbowinitiative.com/images/3points.jpg"
);

text = new initArray(
"Rainbow Initiative",
"Rainbow Initiative",
"Rainbow Initiative"
);

function getRandom(){
var core = Math.floor(Math.random()*3); // amount of items in array
displayBanner(core)
}

function displayBanner(theNum){
var ranlink = link[theNum];
var ranimage = image[theNum];
var rantext = text[theNum];

//document.write('<a href=/"' +ranlink+ '/" target=/"_blank/"><img src=/"'+ranimage+'/" border="0" 

alt=/"'+rantext+'/"></a>');
document.getElementById('theImg').alt=rantext;
document.getElementById('theImg').src=ranimage;
document.getElementById('theLink').href=ranlink;
}
</script>

<a href="#" target="_blank" id="theLink"><img src="" border="0" alt="" id="theImg"></a>

<script type="text/javascript">
getRandom();
setInterval("getRandom()", 7000);
</script>