How to Create a Rollover Image in Dreamweaver

A rollover chimiro chifananidzo chinoshanduka pane chimwe chifananidzo apo iwe kana wako mutengi unotora mouse pamusoro payo. Izvi zvinowanzoshandiswa kugadzira mutevedzeri kunzwa semabhatani kana matabhi. Asi iwe unogona kuumba rollover mifananidzo kunze kwechinhu chero chipi zvacho.

Izvi zvidzidzo zvakagadzirirwa kukubatsira kuti uite chinyorwa cherollover muDreamweaver . Iyo yakagadzirirwa kushandiswa navanhu vachishandisa maBhaibheri anotevera eDreamweaver:

• Dreamweaver MX
• Dreamweaver MX 2004
• Dreamweaver 8
• Dreamweaver CS3
• Dreamweaver CS4
• Dreamweaver CS5
• Dreamweaver CS6

Zvido zveChidzidzo

• Dreamweaver
  Imwe yezvinyorwa zvakanyorwa pamusoro apa.
• Mufananidzo wepakutanga
  Iva nechokwadi chekugadzirisa chifananidzo ichi. Izvi zvichakubatsira mapeji ako kutakura nokukurumidza.
• The rollover image
  Ichi chifananidzo chinofanira kunge chakafanana nemufananidzo wepakutanga. Uye, kufanana nemufananidzo wepakutanga, inofanira kugadziridzwa kubatsira nguva yekutakura peji.
• Peji yewebhu
  Iri ndiro peji reIndaneti apo iwe uchaisa yako rollover image.

01 of 06

Tanga

1. Tanga Dreamweaver
2. Vhura peji yewebhu paunoda rollover yako

02 of 06

Isa Rollover Image Image Object

Dreamweaver inoita kuti zvive nyore kuumba mufananidzo werollover.

1. Enda kuIndaneti yemenyu uye pasi ku "Image Objects" sub-menyu.
2. Sarudza "Mufananidzo rollover" kana "Rollover image"

Dzimwe shanduro dzekare dzeDreamweaver dzinodana "Image Interjects" pane "Interactive Images" pane.

03 of 06

Taura Dreamweaver Ndezvipi Zvifananidzo Zvokushandisa

Dreamweaver pops yebhokisi rebhokisi neminda yaunoda kuzadza kuti uite rollover yako.

Image Name

Sarudza zita rechifananidzo rakasiyana nepeji. Inofanira kuva izwi rimwe chete, asi iwe unogona kushandisa nhamba, zvinyorwa (_) uye hyphens (-). Izvi zvichashandiswa kutora chifananidzo kuti chichinje.

Original Image

Iri ndiro URL kana nzvimbo yemufananidzo unozotanga pane peji. Iwe unogona kushandisa maitiro eIndaneti kana akakwana mumunda. Izvi zvinofanira kuva mufananidzo uripo pane web server yako kana kuti iwe uchanyorera ne peji.

Rollover Image

Uyu ndiwo mufananidzo uchaonekwa apo iwe mouse pamusoro pechifananidzo. Kungofanana nemufananidzo wepakutanga, iyi inogona kunge iri mhedzisiro kana yeruzhinji yemufananidzo, uye inofanira kunge iripo kana ichinyorwa apo iwe uine peji.

Preload Rollover Image

Iyi sarudzo inosarudzwa nekusingaperi nokuti inobatsira rollover kuoneka nokukurumidza. Nokusarudza kutora mufananidzo we rollover, muchengeti weWebhistori achauchengetedza muvharidziro kusvikira mutsara ichikwira pamusoro payo.

Alternate Text

Zvakanaka zvinyorwa zvinyorwa zvinoita kuti mifananidzo yako ive nyore. Iwe unofanirwa kushandisa imwe mhando yemamwe magwaro kana uchiwedzera mifananidzo ipi zvayo.

Pazvakatorwa, Enda ku URL

Vanhu vakawanda vanozongedza pafananidzo kana vachiona imwe peji. Saka iwe unofanirwa kunge uine tsika yekuita kuti zvive nyore. Iyi sarudzo inokubvumira kutsanangura peji kana URL kuti utore muoni apo pavanenge vatsva pamufananidzo. Asi sarudzo iyi haitariswi kuumba rollover.

Paunenge wapedza masimi ose, tora OK kuti Dreamweaver uite rollover yako.

Peji inotevera inoratidza script iyo Dreamweaver inonyora.

04 of 06

Dreamweaver Anonyora JavaScript kwaWe

Kana iwe ukazarura peji mumutsetse-kuona iwe uchaona kuti Dreamweaver inopinda bhokisi reJavaScript pane yedhidhi yako ye HTML. Iri bhokisi rinosanganisira zvinhu zvitatu zvaunoda kuva nemifananidzo inoshandiswa apo iyo mhepo inotsika pamusoro pavo uye preload function kana iwe ukasarudza iyo.

basa MM_swapImgRestore ()
basa MM_findObj (n, d)
basa MM_swapImage ()
basa MM_preloadImages ()

05 of 06

Dreamweaver Inowedzera HTML yeR Rollover

Kana ukasarudza kuti Dreamweaver atange kutengesa mifananidzo yerollover, ipapo uchaona HTML code mumutumbi weshoko rako kudana preload script kuitira kuti mifananidzo yako itakure zvakakurumidza.

onload = "MM_preloadImages ('shasta2.jpg')"

Dreamweaver anowedzerawo yose kadhi yechitarisiko chako uye inoisimbisa (kana waisanganisira URL). Chikamu cherollover chinowedzerwa kune tambo yekunyorera seyemouseover uye onmouseout.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', 'shasta1.jpg', 1)"

06 of 06

Edzai kunze kweR Rollover

Ona zvakazara rollover mufananidzo uye dzidza chii chiri mumusoro waShasta'`.