Membuat effect gambar berganti saat disentuh kursor (mouseover)

Effect
gambar berganti adalah satu dari banyak effect gambar yang dibuat
dengan menggunakan script HTML. Effect ini dapat bekerja jika
diletakkan kursor pada gambar tersebut. Gambar akan berganti menjadi
gambar kedua, lalu setelah kursor dijauhkan dari gambar maka gambar akan
kembali ke posisi gambar utama.

Membuat effect gambar berganti

Copy script dibawah ini dan letakkan pada blog/file HTML/dll.

<a href=”https://kitakoding.blogspot.com/2016/09/URL web“><img src=”https://kitakoding.blogspot.com/2016/09/Alamat url gambar pertama” onmouseover=”this.src=”https://kitakoding.blogspot.com/2016/09/Alamat url gambar kedua “” onmouseout=”this.src=”https://kitakoding.blogspot.com/2016/09/Alamat url gambar pertama“” /></a>

1. URL web : Ganti dengan alamat web yang ingin dituju. (contoh:trickblogfendi.blogspot.com dan effect.html jika dalam bentuk HTML)
2. Alamat url gambar pertama : ganti dengan alamat url gambar pertama atau nama gambar dalam 1 folder.
3. lamat url gambar kedua : ganti dengan alamat url gambar kedua atau nama gambar dalam 1 folder.