2013-03-23 59 views
0

所以即时通讯新变化的图像源,发现这一个解决我的问题:与JavaScript的JavaScript的

Change image source with javascript

但这个例子并不为我工作。

<script type="text/javascript"> 
    function changeImage(a) { 
    document.getElementById("img1").src=a; 
    } 
</script> 

而且

<table align=left width="896px" class="tableCategories"> 
    <tr class="trCategories"> 
    <td class="tdCategories"> 
     <img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(Shopping3.png);'/> 
    </td> 
    </tr> 
</table> 

所以,如果我在图像上单击它并没有改变自己。图像的路径是正确的。 我在做什么错?

+1

在Shopping3.png周围添加双引号 – TheBrain 2013-03-23 01:51:53

+0

更改为onclick ='changeImage(“Shopping3.png”); – 2013-03-23 01:52:00

+0

当你调用你的函数时,在文件名周围加上引号...... – abellina 2013-03-23 01:52:24

回答

5

变化

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(Shopping3.png);'/> 

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage("./icon/menu/Shopping3.png");'/> 

更好的JavaScript函数会被重复使用。试试这个:

function changeImage(obj,img) { 
    obj.src = img; 
} 

和下面的HTML代码:

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(this,"./icon/menu/Shopping3.png");'/> 
2

您需要通过Shopping3.png作为一个字符串。

<img id="img1" src="./icon/menu/Essen3.png" onclick="changeImage('Shopping3.png');"/>