materi belajar hari ini tentang rollover image.

rollover image adalah pergantian warna atau tulisan dari gambar, disaat pointer mouse diatas gambar yang diberi link (anchor).

contoh persiapan
1. persiapkan 2 gambar untuk dijadikan link.
2. satu gambar putih.
3. satu gambar merah.

pembuatan untuk tombol link nya didalam photoshop, dengan ukuran w:100 x h:30 pixels.
simpan dengan file type : gif.

langkah-langkah.
1. buka dreamweaver di komputer anda
2. jadikan rollover image : klik menu insert - pilih IMAGE OBJECTS - klik RollOver Image.

dalam properties rollover images

image name : beri nama gambar
original image : gambar asli tombol link (klik browse cari - gambar putih)
rollover image : gambar pengganti (klik browse cari - gambar merah)
when clicked, go to url : bila ada file yang dituju.

klik ok.

3. simpan file tersebut, jalankan dibrowser.
4. coba klik tombol link tsb, berubah jadi merah kan.

selamat mencoba, semoga tidak eror. klau eror hubungi saya, kirim email aja

untuk uji coba filenya klik link berikut :

rollover.html