2013-05-11 61 views
0

非常簡單的事情,我無法做到。 我有兩個圖像即。 try.jpgmenuBack.jpg。 最初,我把try.jpg作爲圖像源,但只要頁面加載,我想將其更改爲其他圖像。Javascript:圖片變化

HTML:

<img id="imgSlider" width="284px" height="284px" src="try.jpg"/> 

的JavaScript:

window.onload = initAll; 

function initAll() { 
    var imageSrc = document.getElementById("imgSlider").src; 
    imageSrc == "menuBack.jpg"; 
} 

有什麼不對嗎?

回答

5

你的代碼是'錯誤的方式'。所以,你需要menuBack.jpgdocument.getElementById("imgSlider").src;

而且你使用雙==這是一個邏輯運算符來分配「的東西等於別的東西?」。

最後,在initAll()之後加上括號。

window.onload = initAll(); 


function initAll(){ 
    document.getElementById("imgSlider").src = "menuBack.jpg"; 

} 

這裏是它的一個JSFIDDLE工作(顯然是假的圖像位置,但如果你檢查元素與瀏覽器開發工具,那麼你可以看到它已經改變)。

+0

好吧,工作。 BUt stilll沒有得到上面的代碼有什麼問題。我收到ahve使用=而不是==。沒關係。但它仍然沒有。只要我複製粘貼jsFiddle代碼,它的工作 – 2013-05-11 08:55:51

+0

將其更改爲我的單行代碼。該行抓取元素imgSlider並將'menuBack.jpg'分配給它的'src'屬性。在抓取此屬性之前,將其保存到另一個變量,然後再更改該變量。這不會改變原始的'src'屬性,它只會改變變量。 – WheretheresaWill 2013-05-11 08:57:42

+0

另外,將'()'添加到'initAll()'。 – WheretheresaWill 2013-05-11 08:58:02

0

所以你想做的事是這樣的:

document.getElementById("imgSlider").src = "menuBack.jpg"; 

你所希望做的實際上是一個賦值語句 - 爲您只使用一個=-等於字符。您使用兩個==等號字符來執行條件表達式(if..then..else)。

+0

那沒用! – 2013-05-11 08:56:42