Cara Membuat Imej Zoom In Ketika Disentuh Mouse

Cara Membuat Imej Zoom In Ketika Disentuh Mouse - Diantara cara untuk membuat blog kita cantik dan uni ialah Membuat Imej Zoom In Ketika Disentuh Mouse.

Cuba anda sentuh mouse pada imej demo di bawah

Imej asal : 360px x 500px

Imej demo  : 180px x 250px

Langkah membuatnya

Copy kod html di bawah dan paste pada posting anda dalam mod html pada tempat sesebuah gambar mahu diletakkan.

<style type="text/css">
border: none;
vertical-align: top;
</style>
<script src="http://sundaboy.googlecode.com/files/sundaboyzoom.txt" type="text/javascript"></script><img border="0" class="expando" height="180" src="URL GAMBAR" width="250" />

Keterangan :

• Ganti URL GAMBAR dengan url gambar yang akan diperbesarkan
• Ukuran Tinggi dan Lebar harus lebih rendah dibanding ukuran asal, kerana kod ini akan memperbesar gambar mengikut ukuran gambar asal. Sebagai contoh jika anda meletakkan gambar berukuran  tinggi : 360px dan lebar 500px, maka anda hendaklah merubah kod ukurannya menjadi lebih kecil, contohnya 180px dan lebar 250px. Apabila disentuh mouse, gambar akan dizoom menjadiukuran asalnya iaitu 360px x 500px. 

Semoga bermanfaat.