Membuat Rollover Image

Pernahkah sahabat temui dalam sebuah web terdapat foto /gambar image yang berubah gambarnya ketika mouse pointer melewati gambar. Tetapi ketika pointer mouse melewati (tidak berada pada area) gambar, foto atau gambar tersebut kembali ke foto awal.

"Haduh rudee, kalimatnya muter muter ga jelas.."

hehehe... maap, lagi belajar nulis nih, belajar baca juga :)


Kalau gitu, langsung saja deh kodenya,

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','URL-FOTOSATU',1)"><img src="URL-FOTODUA" name="Auara Kasih" width="300" height="400" border="0"></a></p>

Keterangan:

URL-FOTOSATU dan URL-FOTODUA diganti dengan url gambar sahabat.

Kemudian perhatikan juga warna biru:

# (tanda kress) ini diganti dengan alamat sahabat, apabila ingin mengelinkan gambar tersebut.
Tetapi apabila tidak, cukup kasih tanda #
name

width dan height adalah ukuran lwebar dan tinggi dari gambar tersebut. Alangkah baiknya apabila kedua gambar tersebut sma tinggi dan lebarnya.

border adalah border dari gambar isi nol untuk tanpa border.

NB: Tidak support di blogger, biasa dipakai dalam sebuah website.

Okey... Selamat mencoba..