为什么这个 javascript 在 Chrome 和 Safari 中不起作用？

Question

谁能告诉我为什么下面页面上的库的 javascript 在 Firefox 中很好，但在 Chrome 和 Safari 中却不能正常工作？

http://luxe-deluxe.com/collections/winter2011.html

在 Chrome 中，大图不会显示，但缩略图会显示，而在 Safari 中则什么也不会显示。

'不认为它可能与 css 有任何关系......可以吗？

感谢任何帮助...如果我找到它，我会发布答案。啊！

Answer 1

行：

document.images.src = img[imgNumber];

不工作。应该是

document.getElementById('images').src = img[imgNumber];

同理

document.images.src = img[this.id];

应该是：

document.getElementById('images').src = img[this.id];

一旦这些被修复，幻灯片就可以在本地副本中为我工作。

Answer 2

我收到<img src="" id="images"> 没有来源。
尝试提醒alert(document.images.src); == undefined。

改用document.getElementById("images").src。

var NumberOfImages = 9

var img = new Array(NumberOfImages)

img[0] = "Susielookbook-561.jpg"
img[1] = "Luxe Deluxe W11 (9).jpg"
img[2] = "Luxe Deluxe W11 (10).jpg"
img[3] = "Luxe Deluxe W11 (13).jpg"
img[4] = "Luxe Deluxe W11 (19).jpg"
img[5] = "Susielookbook-259.jpg"
img[6] = "Susielookbook-293.jpg"
img[7] = "Susielookbook-431.jpg"
img[8] = "Susielookbook-613.jpg"

var imgNumber = 0;
function setupImages(){
    document.images.src = img[imgNumber];
    for(var x=0; x < img.length; x++){

        var thumb = document.createElement('img');
        thumb.setAttribute('src', 't_'+img[x]);
        thumb.id = x;
        thumb.onclick = function(){
            document.images.src = img[this.id];
            imgNumber = this.id;
            alert(document.images.src);                  // <-- here
        }
        document.getElementById('thumbnailholder').appendChild(thumb);
    }
}   

function NextImage() {
    imgNumber++;
    if (imgNumber == NumberOfImages){
        imgNumber = 0;
    } 
    document.images.src = img[imgNumber];
}

function PreviousImage() {
    imgNumber--;
    if (imgNumber < 0){
        imgNumber = NumberOfImages - 1;
    }  
    document.images.src = img[imgNumber];
}