Cara Membuat Efek Gambar Berubah Ketika Tersentuh Cursor


Penasaran? Copy kode dibawah ini..

<a href="Target link" target="_blank"><img onmouseout="this.src='URL gambar pertama'" onmouseover="this.src='URL gambar kedua'" src="URL gambar pertama" /></a>
Ket:
URL gambar pertama: ganti dengan url gambar pertama anda
URL gambar kedua: ganti dengan url gambar kedua anda.

Letakkan cursor anda pada gambar dibawah ini, lihat perubahan pada gambar :)


Bisa diletakkan di sidebar atau postingan. Selamat mencoba...

2 komentar:

  1. kuk cuma dua mas bos.... ane coba kuk ga bisa ya kalau gambar yang mau dityangin 5

    BalasHapus
  2. @lamiati saputra: mungkin maksud agan membuat slide image? maaf gan, kalo yg ini saya memang belum mencoba bisa lebih dr dua, untuk tutorial image lainnya, agan bisa cari aja disini, banyak kok pilihannya gan, hehe.. semoga bermanfaat

    BalasHapus