2013-07-18 84 views
1

我正在使用wordpress編輯器,我需要能夠刷新圖像而無需重新加載頁面。然而,我沒有得到的陰謀,因爲我不是一個JavaScript的主人:(使用Javascript刷新圖像onload?

我正在運行此,但在控制檯日誌中,我得到的是:「未捕獲的ReferenceError:updateImage未定義」什麼是我做錯了嗎?

<script> 

    var newImage = new Image(); 
    newImage.src = "http://2famous.tv/wp-content/uploads/2013/07/Dubai-Sky-scrapers_thumb_one.jpg"; 

    function updateImage() { 
    if(newImage.complete) { 
     document.getElementById("thumb1").src = newImage.src; 
     newImage = new Image(); 
     newImage.src = "http://2famous.tv/wp-content/uploads/2013/07/Dubai-Sky-scrapers_thumb_one.jpg?" + new Date().getTime(); 

    } 

     setTimeout(updateImage, 1000); 
    }; 


</script> 

<img id="thumb1" src="image.jpg" onload="updateImage();"> 
+0

newImage.complete <---」 .complete 「不是JavaScript。 –

+0

不確定...有這個線程: http://stackoverflow.com/questions/1077041/refresh-image-with-a-new-one-at-the-same-url –

+0

此代碼作爲寫在這裏。通常,當我得到這個錯誤時,頁面上的某處出現javascript語法錯誤,通常是右括號}或其他東西。你在頁面上有其他的JavaScript代碼嗎? – nickles80

回答

1

<img>是加載時,<script>不加載呢。所以,updateImage()方法不存在。請嘗試使用jquery,還有你可以用輕鬆完成ready event。

+0

我認爲我最好的選擇是爲每個調整使用獨特的文件名... –