javascript和圖像映射問題

我承認，我是javascript noob。我目前的任務之一是我試圖讓用戶將鼠標放在第一個.png的左上角時，用另一個.png替換.png文件。當他關閉時，.png需要恢復到最初的.png文件。javascript和圖像映射問題

我正在嘗試使用圖像映射和Java腳本來完成此操作。我正在上線17以下錯誤：

'StaticImage1 is undefined"

第17行是「區域COORDS = ...」線下：

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Hot Spot Test</title> 
<script language="javascript" type="script"> 
loadImageUL = new Image(); 
loadImageUL.src = "images/image2.png"; 
staticImage1 = new Image(); 
staticImage1.src = "images/image2.png"; 
</script> 
</head> 
<body> 
    <p> 
    <map id="FPMap1" name="FPMap1"> 
     <area coords="0, 0, 111, 96" href="http://thepcparamedics.com/" shape="rect" onmouseover="image1.src=loadImageUL.src;" onmouseout="image1.src=staticImage1.src;" /> 
    </map> 
    <img name="image1" alt="" height="203" src="images/image1.png" width="234" usemap="#FPMap1" /> 
</p> 
</body>

我知道我必須失去了一些東西簡單。提前感謝你的幫助。

邁克

來源

2010-01-22 Mike Wittmer