[kibal4iw]

Вот так сидишь, читаешь форум, и учишься потихоньку, так глядишь и JavaScript изучишь, вобщем за задачу спасибо.
Eли лень делать самому делать скрипт, то вот код, единственное я не стал разбираться с координатами для всплывания картинки.
Изображения возьми свои.

P.S. Учебником выступили статьи этого сайта.

<style type="text/css">
    img {border: 0;}
    #newDiv {
		position: absolute;
		margin-left: 90px;
		margin-top: 90px;
    }
</style>

<div id="body">
    <map name="Img" id="Img">
      <area nohref="nohref" id="ar_1" alt="тут ссылки нет" title="тут ссылки нет" shape="rect" coords="0,0,50,50"/>
    </map>
    <a href=""><img src="img/user_1.jpg" alt="9" usemap="#Img" width="300"></a>
</div>

<script>		
	var body = document.getElementById("body");	 
	var first = body.getElementsByTagName("map")[0];
	
	function f_createElement() { 	
		var newDiv = document.createElement("div");  
		newDiv.innerHTML = "<img src='img/user_1.jpg' width='500' />";
		newDiv.id = "newDiv";
		body.insertBefore(newDiv, first);
	}
	
	function f_removeElement() {
		var newDiv = document.getElementById("newDiv"); 
		newDiv.parentNode.removeChild(newDiv);
	}
	
	document.getElementById("Img").onmouseover = f_createElement;
	document.getElementById("Img").onmouseout = f_removeElement;
	
</script>