kod
<html>
<head>
<script type="text/javascript">
function goster(bu,r){
var a=document.getElementById(bu);
var el=document.getElementById('katman'); // katman id ine sahip div elemanı
el.style.position="absolute;"; // bu satır olmazsa soldan uzaklığı alamıyorum
el.style.display="block"; // div i göster
el.style.top = a.offsetTop + 10 +"px;"; // katman ın üstten uzaklığı
el.style.left = a.offsetLeft + 40 +"px;"; // katman ın soldan uzaklığı
var resim= document.getElementById('resim');// resmi buraya yerleştireceğiz
resim.src=r; // resmin src özelliğine değer atıyoruz
}
function gizle(){
var el=document.getElementById('katman');
el.style.display="none"; // div i gizle
var resim= document.getElementById('resim');
resim.src=""; // resmi kaldır
}
</script>
</head>
<body>
<a href="a.htm" id="a1" onmouseover="goster('a1','http://img377.imageshack.us/img377/2831/javaff1.th.png')" onmouseout="gizle()">link 1</a><br>
<a href="b.htm" id="a2" onmouseover="goster('a2','b.jpg')" onmouseout="gizle()">link 2</a>
<div id="katman" style="display:none;">
<img id="resim" src="" name="ad" width="300" height="300">
</div>
