почему этот JavaScript не работает в Chrome и Safari?

Question

Кто-нибудь может мне сказать, почему javascript для галереи на странице ниже в Firefox работает нормально, но не работает должным образом в Chrome и Safari?

http://luxe -deluxe.com / коллекции / 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); == 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];
}