http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm orjinali bu adreste. Resmin uzerine tiklayinca buyugunu gosteriyor. Ben sizin dediginiz gibi mouse uzerine gelince resmi gosterecek sekilde duzenleyip bazi yerlerinide Turkce'lestirdim. Yeni halini
http://www.kuzeniz.biz/gadfly/ adresinde gorebilirsiniz. Gereken duzenlenmis dosyalari,
JavaScript dosyasi: http://www.kuzeniz.biz/gadfly/thumbnailviewer.js
Css Dosyasi : http://www.kuzeniz.biz/gadfly/thumbnailviewer.css
Yukleniyor resmi : http://www.kuzeniz.biz/gadfly/loading.gif
adreslerinden alabilirsiniz. Sizin yapmaniz gereken bu dosyalari indirdikten sonra;
Kod:
<html>
<head>
<link rel="stylesheet" href="thumbnailviewer.css" type="text/css" />
<script src="thumbnailviewer.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<table border="0">
<tr>
<td><a href="frog_pointing_big.jpg" rel="thumbnail" title="Buraya Resimin Aciklamasi Gelecek!"><img src="frog_pointing_small.jpg" width="100" height="126" alt="" border="1" align="center" /></a></td>
<td><a href="frog_popping_big.jpg" rel="thumbnail" title="Buraya Resimin Aciklamasi Gelecek!"><img src="frog_popping_small.jpg" width="100" height="86" alt="" border="1" align="center" /></a></td>
<td><a href="grenouille.jpg" rel="thumbnail" title="Buraya Resimin Aciklamasi Gelecek!"><img src="grenouille_small.jpg" width="100" height="133" alt="" border="1" align="center" /></a></td>
</tr>
</table>
</body>
</html>
benzeri bir html sayfasi hazirlayip, <a> tagindaki "href" kismina resmin buyuk halini <img> tagindaki "src" kismina ise resmin kucuk hali olacak sekilde, kendi resimlerinizle degistirip duzenlemek.