Home > JavaScript Blogger > 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/AVvXsEgo5GuSM5KpvCqziqbbjMoR2b1P63OlShsLWhY5Mv5ahegnQwToWaExRsrDDF3DIm9KIQPGF-F3xq-c48f2zdYmvR21n7QRnFNMkRJ5LvU7Cr2r9nRMuexurQKyBE1XrbniswlMSrOgM_ep/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
