为什么这个javascript无法在Chrome和Safari中运行?

时间:2011-08-08 08:03:51

标签: javascript css google-chrome safari

有人可以告诉我为什么下面页面上的图库的javascript在Firefox中很好,但在Chrome和Safari中无法正常工作?

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

在Chrome中,大图片没有显示,但缩略图显示,而在Safari中没有显示。

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

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

2 个答案:

答案 0 :(得分:1)

我没有来源<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];
}

答案 1 :(得分: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];

修复后,幻灯片以本地副本为我工作。