Pada trik ini,saya akan memebuat cara yang berbeda untuk melihat gambar dalam ukuran aslinya,dimana apabila kursor mouse berada di atas gambar ( tanpa di click ),maka akan tampil gambar dalam ukuran aslinya.
Untuk lebih jelasnya kita menggunkan pluign jquery image preview (pimg.js)perhatiakn skrip berikut ini yang di tebalkan.
<html>
<head>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="pimg.js"></script>
<script type="text/javascript" >
$(document).ready(function($){
pimg();
})
</script>
<style type="text/css">
#pimg {
display: none;
position: absolute;
}
</style>
</head>
<body>
<div>
<p><img img_src="images/1.jpg" class="pimg" src="images/1.jpg" width="100" height="65"></p>
<p><img img_src="images/2.jpg" class="pimg" src="images/2.jpg" width="100" height="65"></p>
<p><img img_src="images/3.jpg" class="pimg" src="images/3.jpg" width="100" height="65"></p>
</div>
</body>
</html>
JIKA MOUSE DI GERAKAN KE FOTO KECIL SECARA OTOMATIS PREVIEW FOTO BESARNYA AKAN MUNCUL
Posting Komentar
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.