Merubah gambar Dengan tombol

Maaf untuk sementara contoh tidak dapat kami tampilkan tapi kami jamin script di atas akan bekerja.

Ada cerita menarik saat saya membuat postingan ini. Sebelumnya postingan ini masih dalam tahap percobaan, perhatikan saja URL halaman ini masih menggunakan embel-embel jal dibelakangnya. Terus percobaan saya sukses, begitu saya mau hapus dulu udah ada yang comment. sialan bener nih Kang Yusron ngerjain saya. Jadinya gak jadi tak hapus deh, kasihan kamu sudah komentar terus kehapus hehehe. Langsung saja, jika sebelumnya saya pernah membahas mengenai Gambar Berubah Ketika Di Sorot, nah kali ini saya membuat gambar akan berubah jika tombol di klik. Langsung saja saya kasih contohnya di bawah ini:

Nah, jelas bukan????
Bagi yang pengen buat langsung saja saya kasih tahu caranya:

1. Login ke blogger
2. Tata Letak
3. EDIT HTML
4. Cari kode </head>
5. Letakkan script berwarna biru di bawah ini diatas </head>

<SCRIPT>

var imageURL = "Gambar Pertama";

if (document.images) {
var clock = new Image();
clock.src = "Gambar Pertama";

var cup = new Image();
cup.src = "Gambar Kedua";
}

function changeImage() {
if (document.images) {
if (imageURL == "Gambar Kedua") imageURL = "Gambar Pertama";
else imageURL = "Gambar Kedua";

document.myImage.src = imageURL;
}
}

</SCRIPT>

Keterangan: Ganti yang berwarna merah dengan URL gambarmu, dibutuhkan du gambar yakni gambar sebelum di klik dan gambar yang tampil setelah di klik.
6. Simpan Template

Nah sedangkan kode di bawah ini adalah kode yang harus Anda masukkan di sidebar atau di postingan Anda (gunakan edit htMl bukan compose/tulis)

<FORM>
<INPUT TYPE="Button" VALUE="Change the image source" onClick="changeImage();">
</FORM>

<IMG SRC="Gambar Pertama" NAME="myImage">

Jangan lupa ganti yang berwarna merah sesuai script pertama tadi gambarnya...

Selamat mencoba dan semoga sukses... ajukan pertanyaan lewat komentar...
Thx for Sisland
Semoga berhasil teman-teman.........