En son olarak yaptığım kod:
http://vebgelistirme.googlepages.com/resimGoster3.htm
İlk kodda Kurtaran'ın belirttiği gibi değişiklik yaptım ve siteye ekledim. Nasıl çalıştığını görmek için aşağıdaki linki tıklaman gerekiyor.
http://vebgelistirme.googlepages.com/resimGoster2.htm Kod:
<html><head><script type="text/javascript">
var el = document.createElement('div');
function resimGoster(resim,T) {
var table = document.getElementById('tableid');
el.style.position ="absolute"; // bunun absolute olması gerekiyor.
el.style.left = table.offsetLeft + 120 +"px"; // divin soldan uzaklığı
el.style.top = table.offsetLeft + T +"px"; // divin üstten uzaklığı
el.style.display = "block";
el.style.zIndex = "2"; // divin z-indexini büyük yapacağız ki önde görünsün.
el.innerHTML = "<img src="+resim+" style='width:550px; height:450px;' >" ;
document.body.appendChild(el); // divi body kısmına ekle.
}
function resimGizle() {
el.style.display = "none";
}
</script>
<style type="text/css">
body { margin:10px 10px 10px 10px; }
table { position:absolute; left:50px; top:50px;}
td { width:100px; height:100px;}
img { width:80px; height:80px; }
</style></head><body>
<table id="tableid">
<tbody><tr>
<td><img src="lale.jpg" onmouseover="resimGoster('kizkulesi.jpg',0)" onmouseout="resimGizle()"></td><td>Burası tablo hücresi</td><td>Burası tablo hücresi</td>
</tr><tr>
<td><img src="istanbul2.jpg" onmouseover="resimGoster('sultan-ahmet-cami.jpg',100)" onmouseout="resimGizle()"></td><td>Burası tablo hücresi</td><td>Burası tablo hücresi</td>
</tr><tr>
<td><img src="ebru.jpg" onmouseover="resimGoster('sultan-ahmet-cami-ici.jpg',200)" onmouseout="resimGizle()"></td><td>Burası tablo hücresi</td><td>Burası tablo hücresi</td>
</tr>
</tbody></table><div style="position: absolute; left: 170px; top: 50px; display: none; z-index: 2;"><img src="resimGoster_files/lale.jpg" style="width: 200px; height: 200px;"></div></body></html>
Daha senin koda bakamadım.