Gambar Membesar Saat di Klik

Seperti janji saya saya baka posting lagi sore hari ini. Nah, jika postingan sebelumnya hanyalah sebuah tips ringan, (Cek Kotak Komentar, Sebelum Jauh) kali ini kita kembali bermain dengan script. Sebelumnya saya pernah beberapa kali posting soal gambar, seperti Gambar Membesar Ketika Di Sorot, Gambar Berubah Ketika Di Sorot dan juga tentang tombol Untuk Merubah Gambar. Kali ini saya posting mengenai gambar yang akan menjadi besar jika kita klik pada gambar, ketika gambar menjadi besar, lakukan klik sekali lagi untuk mengembalikan ke ukuran semula. LAngsung saja kita lihat contohnya:



Nah, jelas bukan.... Untuk membuatnya sangat mudah sekali... (contoh tidak bekerja karena scriptnya saya cabut, tapi insyaAlloh pasti sukses jika mengikuti tutorial ini)

1. Login ke blogger
2. Tata Letak
3. Edit HTML
4. Cari kode </head>
5. Letakkan script berwarna bir berikut di atas </head>

<script>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>

6. Simpan Template

Sedangkan kode yang kamu gunakan untuk sidebar atau postingan kamu adalah sebagai berikut:

<img
border="0"
src="URLGambarKamu"
width="100"
height="100"
onclick="zoomToggle('100px','100px','200px','200px',this);"
>

Nah mudah bukan, kelebihan daripada Gambar Memebesar Saat Disorot, Effect ini lebih ringan....

Selamat mencoba...
Thx for Codelifter
Jangan lupa komentar ya......
Semoga bermanfaat sobattttt