왜이 자바 스크립트가 Chrome과 Safari에서 작동하지 않습니까?

Question

아래 페이지의 갤러리에 대한 자바 스크립트가 Firefox에서는 괜찮지 만 Chrome과 Safari에서 제대로 작동하지 않는 이유는 누구에게 말해 줄 수 있습니까?

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

크롬에서 큰 이미지가 표시되지 않습니다하지만 축소판 수행 및 Safari에서 아무것도까지 보여줍니다.

'CSS와 관련이없는 것 같아요 ... 가능합니까?

어떤 도움을 주시면 감사하겠습니다 ... 답변을 찾으면 답변을 게시하겠습니다. arg!

Answer 1

라인 :

document.images.src = img[imgNumber]; 

가 작동하지 않습니다. 그것은해야한다 라인

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

와

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

동일해야합니다 : 그 고정 된 후, 슬라이드 쇼가 로컬 복사본에 나를 위해 일한

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]; 
}