为什么这个JavaScript不适用于Chrome和Safari？

Question

任何人都可以告诉我为什么在下面的页面上的图库的JavaScript是好的在Firefox中，但在Chrome和Safari不能正常工作？

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

在Chrome中，大图像显示不出来，但缩略图做的，在Safari中什么也不显示。

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

任何帮助表示赞赏...我会发布答案，如果我找到它。 ARG！

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); ==未定义。

改为尝试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]; 
}