Cara Membuat Efek Zoom Seri 2

Hari ini kita akan membahas " Cara Membuat Efek
Zoom Seri 2 ". Efek ini selain menggunakan kata atau
kalimat, bisa juga dengan gambar sebagai tampilan
awalnya sebelum gambar zoomnya muncul. Kelebihan
dari Efek Zoom Seri 2 ini adalah tanpa kita harus
mengklik kata, kalimat atau gambarnya, tetapi cukup
anda letakkan cursor anda di atas kata, kalimat atau
gambar tersebut, maka gambar zoomnya (yang lebih
besar) akan muncul seketika. Lebih praktis, bukan ?!

Untuk memasangnya mudah saja. Tambahkan Gadget
elemen blog anda dengan memilih HTML/JavaScript
lalu masukkan kode berikut ke dalam kontennya.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><br /> <br /> <script type="text/javascript" src="http://h1.ripway.com/syamsudin/thumbnailviewer2.js"></script><br /> <br /> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="20%" valign="top"><br /> <a href="URL gambar besar 1" rel="enlargeimage" rev="targetdiv:loadarea" title="Keterangan gambar"><br /> <img border="0" src="URL gambar thumbnail 1" width="91" height="61" /></a><br /><br /> <br /><br /> <a href="URL gambar besar 2" rel="enlargeimage" rev="targetdiv:loadarea" title="Keterangan gambar"><br /> <img border="0" src="URL gambar thumbnail 2" width="80" height="58" /></a><br /><br /> <br /><br /> <a href="URL gambar besar 3" rel="enlargeimage" rev="targetdiv:loadarea" title="Keterangan gambar"><br /> <br /> <img border="0" src="URL gambar thumbnail 3" width="75" height="69" /></a></td> <td width="80"><!--webbot bot="HTMLMarkup" startspan --><div id="loadarea" style="width:510px; height: 220px"></div><!--webbot bot="HTMLMarkup" endspan i-checksum="11986" --></td> </tr> </table>

KETERANGAN =

*    Masukkan gambar anda pada kata
     URL gambar Disini.
     - gambar thumbnail = gambar defaultnya
     - gambar besar = gambar zoomnya


*   Ubah ukuran width & height-nya, sesuaikan dengan
    gambar yang anda masukkan.

*   Beri keterangan gambarnya dengan kata atau
    kalimat yang anda inginkan.

Selamat mencoba,
Semoga anda suka, good luck!