Yon imaj rollover se yon imaj ki chanje nan kèk imaj lòt lè ou oswa kliyan ou woule sourit la sou li. Sa yo yo souvan itilize yo kreye yon santi entèaktif tankou bouton oswa onglè. Men, ou ka kreye imaj anime soti nan jis sou anyen.
Tutorial sa a fèt pou ede ou kreye yon imaj anime nan Dreamweaver . Li fèt pou itilize pa moun ki itilize vèsyon sa yo nan Dreamweaver:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
Kondisyon pou Tutorial sa a
- Dreamweaver
Youn nan vèsyon yo ki nan lis anwo a. - Yon imaj orijinal
Asire ou ke ou optimize imaj sa a. Sa a pral ede paj ou chaje pi vit. - Imaj la woulo liv
Imaj sa a ta dwe dimansyon menm jan ak imaj orijinal la. Epi, tankou imaj orijinal la, yo ta dwe optimize ede fwa chaj paj la. - Yon paj entènèt
Sa a se paj la HTML kote ou pral mete imaj woulib ou.
01 nan 06
Kòmanse
- Kòmanse Dreamweaver
- Louvri paj entènèt kote ou vle woulib ou
02 nan 06
Mete yon objè Imaj Imaj
Dreamweaver fè li fasil yo kreye yon imaj anime.
- Ale nan meni an Mete ak desann nan "Imaj Objè" sub-meni an.
- Chwazi "Imaj anime" oswa "Imaj Rollover"
Gen kèk vèsyon ki pi ansyen nan Dreamweaver rele Imaj la Objè "Images entèaktif" olye.
03 nan 06
Di Dreamweaver Ki imaj yo itilize
Dreamweaver pops yon bwat dyalòg ak jaden yo ou bezwen ranpli nan yo kreye imaj woulib ou.
Non Imaj
Chwazi yon non imaj ki inik pou paj la. Li ta dwe tout yon sèl mo, men ou ka itilize nimewo, underscores (_) ak hyphens (-). Sa a pral itilize yo idantifye imaj la chanje.
Imaj Original
Sa a se URL la oswa kote nan imaj la ki pral kòmanse soti sou paj la. Ou ka sèvi ak adrès relatif relatif oswa absoli nan jaden sa a. Sa a ta dwe yon imaj ki egziste sou sèvè wèb ou oswa ke ou pral Upload ak paj la.
Rollover Imaj
Sa a se imaj la ki pral parèt lè ou sourit sou imaj la. Jis tankou imaj orijinal la, sa a kapab yon chemen absoli oswa relatif nan imaj la, epi li ta dwe egziste oswa yo dwe Uploaded lè ou Upload paj la.
Preload Rollover Imaj
Opsyon sa a chwazi pa default paske li ede woulib la parèt pi vit. Pa chwazi preload imaj la anime, navigatè entènèt la pral magazen li nan yon kachèt jiskaske sourit la woule sou li.
Altène tèks
Bon tèks altène fè imaj ou plis aksesib. Ou ta dwe toujou itilize kèk kalite lòt tèks lè ou ajoute nenpòt imaj.
Lè klike, Ale nan URL
Pifò moun ap klike sou yon imaj lè yo wè youn sou yon paj. Se konsa, ou ta dwe nan abitid la nan fè yo klikabl. Opsyon sa a pèmèt ou presize paj la oswa URL yo pran visualiseur a lè yo klike sou imaj la. Men, opsyon sa a pa oblije kreye yon anime.
Lè ou fin ranpli tout jaden yo, klike sou OK gen Dreamweaver kreye imaj woule ou.
Pwochen paj la montre script ki Dreamweaver ekri.
04 nan 06
Dreamweaver Ekri JavaScript pou ou
Si ou louvri paj la nan kòd-wè ou pral wè ke Dreamweaver foure yon blòk nan JavaScript nan
fonksyon MM_swapImgRestore ()
fonksyon MM_findObj (n, d)
fonksyon MM_swapImaj ()
fonksyon MM_preloadImages ()
05 nan 06
Dreamweaver Ajoute HTML la pou anime la
Si ou te chwazi yo gen Dreamweaver preload imaj yo anime, Lè sa a, ou pral wè kòd la HTML nan kò a nan dokiman ou a rele script la preload pou imaj ou chaje pi vit.
onload = "MM_preloadImages ('shasta2.jpg')"
Dreamweaver tou ajoute tout kòd la pou imaj ou ak lyen li (si ou enkli yon URL). Se pòsyon an woulman ajoute nan tag nan jete lank kòm soumouseover ak atmouseout atribi.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImaj ('Image1', '', 'shasta1.jpg', 1)"
06 nan 06
Teste Out a
Al gade nan imaj la ankouraje okonplè fonksyonèl ak aprann sa ki nan lide Shasta's.