2013-05-11 44 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