Maaf kan saya sudah lama kali ngak ngeblog, karena banyak hal mengenai teknis neh, hehehehehehe.
postingan kali ini membahas dream weaver neh, maseh dalam pembelajaran, klau ada yang kurang mohon pencerahan nya.
show hide galeri ini digunakan untuk membuat web poto galeri atau nama lain nya thumbnail.
adapun langkah-langkah nya.
- siapkan 2 layer, terus layer tersebut masukan gambar, 1 untuk gambar kecil, 1 lagi untuk gambar besar, dengan gambar yang sama.
1. klik menu insert - pilih layouts object - klik layer.
2. masukan gambar, klik menu insert - pilih image (cari gambar yang mau di thumbnail)
3. pada layer 1 ini perkecil ukuran gambar nya dengan 100 x 100 px
4. buat 1 layer lagi dengan gambar yang besar, seperti langkah 1 - 2
5. pada layer kecil klik gambar nya, beri link pada properties nya dengan #,
6. aktifkan behaviors, klik menu windows - pilih behaviors.
7. klik tag <a> di atas properties pada layer gambar kecil.
8. pada behaviors klik tanda [+], pilih show hide layer.
8.1. pada jendela show hide layer, pilih layer gambar besar, klik tombol hide.proses nya onclick ganti dengan onmouseout = showhidelayer (posisi hide)
8.2. lakukan show hide layer yang kedua, pada layer gambar besar, klik tombol show, pada proses onclick ganti dengan onmouseover = showhidelayer (show)
9. pada layer gambar besar, klik garis layer nya, ubah vis pada propertiesnya menjadi vis : hidden, maka layer gambar besar disembunyikan.
10. simpan, lalu jalankan, klik gambar kecil, lalu tampil gambar besanya
semoga artikel ini bermanfaat, maaf tidak ada gambar. nanti saya kasih video tutornya waite oke...
10 Manfaat Puasa Bagi Kesehatan
10 tahun yang lalu
No Response to "Show Hide Layer - DreamWeaver 8"
Posting Komentar