Javascript功能在Chrome中無法使用？

我有這個簡單的代碼來加載一個圖像數組，並通過它在div中使用img src增量。它在Firefox中正常工作，但Chrome和IE11無法正常工作。我已經使用警報測試了JavaScript，並且它在兩個瀏覽器中都能正常工作。我錯過了什麼？謝謝！Javascript功能在Chrome中無法使用？

var counter = -1; 
    var imgArray = new Array(); 

    imgArray[0] = new Image(); 
    imgArray[0].src = "../Images/NewLogo1.jpg"; 

    imgArray[1] = new Image(); 
    imgArray[1].src = "../Images/NewLogo2.jpg"; 

function nextImage(){ 
    //increments the counter and shows the next image 
    counter++; 
    if (counter > 1){ 
    counter = 0; 
    } // end if 
    document.fadeImg.src = imgArray[counter].src; 
} // end nextImage 

setInterval(function() { 
nextImage(); 
},5000); 

onload = nextImage;

HTML

<div class="homecontent" id="homecontent"> 
<img id="fadeImg" src="holder.jpg" alt="" /> 
</div>

來源

2015-02-04 raximus

在Chrome控制檯沒有錯誤？ –

描述不工作？ – TankorSmash

沒有在div中加載。我根本沒有得到任何圖像。 – raximus

如果您在HTML中使用ID屬性（例如<img id="fadeImg"... />），那麼你可以使用此語法選擇它：document.getElementById("fadeImg").src。 document.fadeImg.src：

但是，如果你在你的HTML中使用名屬性（例如<img name="fadeImg"... />），那麼你可以使用以下語法選擇它。

來源

2015-02-04 22:43:27

感謝您的提示！ – raximus

Javascript功能在Chrome中無法使用？

回答

相關問題