Hiji gambar rollover mangrupa gambar anu robah nepi sababaraha gambar nu sejen sawaktos Anjeun atawa customer Anjeun gulungan beurit leuwih eta. Ieu ilaharna dipaké pikeun nyieun hiji ngarasakeun interaktif kayaning tombol atawa tab. Tapi anjeun bisa nyieun gambar rollover kaluar tina ngan ngeunaan nanaon.
Tutorial ieu dirancang pikeun mantuan Anjeun nyieun hiji gambar rollover di Dreamweaver . Hal ieu dimaksudkeun pikeun pamakéan ku jalma ngagunakeun versi handap tina Dreamweaver:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
Sarat pikeun Tutorial ieu
- Dreamweaver
Salah sahiji versi nu didaptarkeun di luhur. - Hiji gambar aslina
Pastikeun ngaoptimalkeun gambar ieu. Ieu bakal ngabantu kaca anjeun muka leuwih gancang. - The rollover gambar
gambar ieu kedah diménsi sarua salaku gambar aslina. Na, kawas gambar aslina, kudu dioptimalkeun pikeun mantuan kali beban kaca. - Hiji kaca web
Ieu kaca HTML dimana anjeun gé nempatkeun gambar rollover Anjeun.
01 of 06
ngamimitian
- mimitian Dreamweaver
- Buka kaca web dimana rék rollover Anjeun
02 of 06
Nyelapkeun Objék Rollover Gambar Gambar
Dreamweaver matak ngamudahkeun pikeun nyieun hiji gambar rollover.
- Buka menu Selapkeun tur handap ka "Gambar objék" sub-menu.
- Pilih "Gambar rollover" atawa "Rollover gambar"
Sababaraha versi heubeul tina Dreamweaver nelepon Gambar objék "Gambar Interactive" gantina.
03 of 06
Ngabejaan Dreamweaver Naon Gambar jeung Paké
Dreamweaver Pops kotak dialog sareng huma nu peryogi eusian nyieun Citra rollover Anjeun.
gambar Ngaran
Milih hiji ngaran gambar anu unik pikeun kaca. Ayeuna kudu sagala salah kecap, tapi anjeun bisa make nomer, underscores (_) jeung hyphens (-). Ieu bakal dipaké pikeun ngaidentipikasi gambar ka robah.
aslina Gambar
Ieu URL atanapi lokasi gambar anu bakal ngamimitian kaluar dina kaca. Anjeun tiasa make URL jalur relatif atawa mutlak dina widang ieu. Ieu kedah hiji gambar nu aya dina server wéb anjeun atanapi nu bakal unggah kalawan kaca.
Rollover Gambar
Ieu gambar anu bakal katémbong mun ku anjeun mouse leuwih gambar. Kawas gambar aslina, ieu bisa jadi jalur mutlak atawa relatif ka gambar, sarta sakuduna aya atawa jadi diunggah mun anjeun unggah kaca.
Preload Rollover Gambar
pilihan ieu dipilih sacara standar sabab ngabantuan rollover muncul leuwih gancang. Ku milih preload gambar rollover, browser Web baris nyimpen eta di cache a dugi ka gulungan mouse leuwih eta.
téks silih
Alus téks séjén ngajadikeun Gambar anjeun beuki diaksés. Anjeun kudu salawasna make sababaraha tipe téks séjén nalika nambahkeun gambar nanaon.
Nalika diklik, Go To URL
Kalolobaan jalma bakal ngaklik hiji gambar nalika maranéhna ningali salah dina kaca. Sahingga kudu watek nyieun eta clickable. pilihan ieu ngidinan Anjeun pikeun nangtukeun kaca atawa URL nyandak panuduh ka kaca nalika aranjeunna klik gambar. Tapi pilihan ieu henteu diperlukeun keur nyieun rollover a.
Sawaktos Anjeun tos rengse sagala widang, klik OKE pikeun mibanda Dreamweaver nyieun gambar rollover Anjeun.
Kaca salajengna mintonkeun naskah anu Dreamweaver nyerat.
04 of 06
Dreamweaver Nyerat JavaScript keur Anjeun
Lamun muka nepi kaca dina kode-view anjeun gé ningali yén Dreamweaver inserts hiji blok JavaScript dina
fungsina MM_swapImgRestore ()
fungsina MM_findObj (n, d)
fungsina MM_swapImage ()
MM_preloadImages fungsi ()
05 of 06
Dreamweaver nambahna nu HTML keur Rollover
Lamun milih boga Dreamweaver preload gambar rollover, teras anjeun bakal ningali kode HTML dina awak dokumen anjeun nyauran Aksara preload supados gambar anjeun muka leuwih gancang.
onload = "MM_preloadImages ( 'shasta2.jpg')"
Dreamweaver ogé nambihan sadayana kode pikeun gambar anjeun sarta numbu eta (lamun kaasup URL). Bagian rollover ieu ditambahkeun kana tag jangkar sakumaha onmouseover na onmouseout atribut.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ( 'Image1', '', 'shasta1.jpg', 1)"
06 of 06
Nguji Out nu Rollover
Tempo gambar rollover hanca pinuh sarta diajar naon on Shasta'`s pikiran.