Memperbesar Gambar dengan Magnify Script

Demo :

Klik gambarnya !.

---

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah pertama > Penempatan URL JavaScript
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://pagenano.googlecode.com/files/Gambar%20Magnify.js"></script>

URL yang berwarna merah jika sudah ada, tidak perlu lagi !.

Langkah kedua > Penempatan eksekusi pada gambar
didalam tag <img>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht7H1kyDBKlIWzCjjk2kIvn9lj0FzRN5brwA-FF_-3J-qIRnkLVwc1fpsiWpsF9cBHjiQWwMP28-VFXTdncMBqKZlqTexuD-zYOKhB0gxICS_vxUnOraCCdhGPxUacGEFaiLYVYNwBdVgY/s1600/gambar2-Nano+Yulianto.jpg" class="magnify" data-magnifyby="2.5" data-magnifyduration="1000" />

class="magnify" >> Ini adalah eksekusi scriptnya.

data-magnifyby="2.5" >> Ini untuk mengatur lebar atau
data-magnifyto="900" >> Mengatur lebar dengan pixel.

data-magnifyduration="1000" >> Durasi saat menjadi besar.

---

Credit : Dynamic Drive

Alhamdulillah