2013-04-01 122 views
0

我已經完成了研究,並且非常確定我正在做我所發現的,但是我的更改圖像仍然無法正常工作。Javascript更改圖片

我試圖讓這個當人點擊圖像的圖像變化:

<script type="javascript"> 
    function changeLeftImages() 
    { 
     document.getElementById("leftImagesWin").src="wins.png"; 
    } 
</script> 

<a href='javascript:changeLeftImages()'><img src='winsTab.png' width='54' height='50' style='margin-right: 5px;' id='leftImagesWin'></a> 

回答

3

type屬性應該是text/javascript,不只是javascript

+0

時12分鐘是了,我會接受這個答案... – Josh

1

擺脫屬性

type="javascript" 

是使用JavaScript沒有被解析引起的問題。

1

使用該腳本標籤:

<script language="JavaScript" type="text/javascript"> 
0

試試這個:

<script language="text/javascript"> 
    function changeLeftImages() { 

     if (document.getElementById("leftImagesWin").src == "winsTab.png") 
     { 
      document.getElementById("leftImagesWin").src = "wins.png"; 
     } 
     else 
     { 
      document.getElementById("leftImagesWin").src = "winsTab.png"; 
     } 
    } 
</script> 

<p> 
     <img alt="" src="winsTab.png" id="leftImagesWin" onclick="changeLeftImages()" /> 
</p>