How to Create a Rollover Image in Dreamweaver

Wêneekek rollover e ku dibe ku di hinek dîmenê de guhertin, gava ku hûn yan mişterkarê xwe li ser masê dike. Ev bi gelemperî têne bikaranîn ku hestek pêwendiyên înplaktîk ên wekî pirtûk û tabû. Lê hûn dikarin wêneyên rollover ji tenê re tiştek çêbikin.

Ev tutorial hatiye afirandin ku ji bo ku hûn wêneyê rollover di Dreamweaver de çêbikin . Ev armanca ji hêla mirovên ku bi karanîna jêrîn ên jêrîn ên Dreamweaver ve bikar tînin:

Pêdivî ye ji bo tutorial

01 of 06

Destpêk

Mînak mînaka Shasta rollover. Wêne © 2001-2012 J Kyrnin - wêneyê lîsansê Der barê
  1. Dreamweaver Destpêk
  2. Di rûpelê malpera vekirî de ku tu dixwazî ​​rollover

02 of 06

Rollover Image Image Object Insert

Object Object Image Insert. Screen shot by J Kyrnin

Dreamweaver hêsantir dike ku wêneyê rollover hêsantir dike.

  1. Biçe menuê û li jêr "menu Objects" sub-menu.
  2. "Wêneya rollover" an "Rollover image" hilbijêre

Hin guhertoyên kevn ên Dreamweaver di şûna "Wêneyên Navneteweyî" de wêneyên Wêneyên Nîşan dibêjin.

03 of 06

Dreamweaver Tell What Use To Use

Vebijêrk. Screen shot by J Kyrnin

Dreamweaver ku hûn hewce ne ku hûn wêneyê rollover biafirînin ku pevçûnek dialog box pops bike.

Navê Peldanka

Navê navnîşek wêneyê hilbijêre ku ji bo rûpelê bêhempa ye. Divê ev yek yek be, lê hûn dikarin hejmar, underscores (_) û hyphens (-) bikar bînin. Ev dê bikar bînin ku wêneyê biguherînî ku guhertin.

Image

Ev URL an jî cîhê wêneyê ye ku dê li ser rûpelê dest pê bike. Hûn dikarin di vê qada URL-ê de bi hevalbendî an absolute absolute use. Divê ev wêne ku di ser malpera we de heye an jî ku hûn bi rûpelê re barkirin.

Rollover Image

Ev wêne ye ku hûn ê li ser wêneyê masî bişkînin. Wek mîna wêneya esasî, ev dikare bibe ji bo wêneyê ya yekem an jî nêzîk be, dibe ku hûn rûpelê hilbijêre yan jî bêne barkirin.

Preload Rollover Image

Vebijêrk ji hêla default ve hatiye hilbijartin ji ber ku ew alîkarî dike ku rollover bi zûtir xuya dike. Bi hilbijêre ku wêneyê rollover pêşî, geroka geroka wê di kachek de li wê derê hilbijêre heta ku muxalîf li ser wê de ye.

Nivîsarek Alternatîf

Peyvek alternatîf baş wêneyên we çêtir dibe. Dema ku her tim wêne zêde bike, her dem herdem her tiştî alternatîf bikar bînin.

Dema ku Bişkojk, Biçe URL

Gelek mirov dê li ser wêneyê li ser kopê bikî, gava ew li ser rûpelê bibînin. Ji ber vê yekê hûn di nav habitê de hilbijêre. Vebijêrk ji bo ku hûn li ser wêneyê li klîk bikevin navnîşana rûpelê an URLê diyar bikin. Lê ev bijare ne hewce ye ku ji bo rollover ava bike.

Dema ku hûn hemî qadên xwe qedandin, OK bike ku ji bo Dreamweaver wêneyê rollover ava bike.

Belê rûpelê nivîskî ku Dreamweaver nivîsandine nîşan dide.

04 of 06

Dreamweaver JavaScript ji we re nivîsîne

JavaScript Screen shot by J Kyrnin

Heke hûn rûpelê di kod-nêrînê de vekin, hûn ê bibînin ku Dreamweaver belgeya Javavê li ser belgeya HTML ya HTML heye. Di vê astengiyê de 3 karên ku hûn hewce nebin ku wêneyên pevçûn di dema ku muxalefetê li ser wan re dike û karûbarên pêşdibistanê heger heger hûn ji bo xwe ve bijartî hene.

çalakiya MM_swapImgRestore ()
çalakiya MM_findObj (n, d)
çalakiya MM_swapImage ()
çalakiya MM_preloadImages ()

05 ê 06

Dreamweaver HTML ji bo Rollover adds

HTML. Screen shot by J Kyrnin

Heke hûn hilbijartin ku Dreamweaver wêneyên rollover pêşî bikin, paşê hûn ê kodê HTML-ê di belgeya belgeya xwe de bibînin, da ku hûn wêneyên xwe ya preloadê banga ku hûn wêneyên we zûtir be.

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

Dreamweaver hemî kodê ji bo wêneyê xwe û girêdana girêdan zêde dike (eger hûn URL navnîşan bikin). Beşa rollover di tagê anchor de wekî taybetmendiya li ser mûzûv û pêdivî ye.

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

06 of 06

Test Rollover

Mînak mînaka Shasta rollover. Wêne © 2001-2012 J Kyrnin - wêneyê lîsansê Der barê

Wêne ya rolloverek temaşe bibînin û fêr bibe ku li hişê Shastayê ye.