Esi Emepụta Foto Rollover na Dreamweaver

Ihe oyiyi na-adagharị adagharị bụ onyinyo nke na-agbanwe na ihe oyiyi ọzọ mgbe gị ma ọ bụ onye ahịa gị na-apụtagharị òké ahụ. Ndị a na-ejikarị emepụta mmekọrịta dịka mkpọchi ma ọ bụ taabụ. Ma, ị nwere ike ịmepụta ihe oyiyi na-ahụ maka ihe ọ bụla.

A haziri nkuzi a iji nyere gị aka ịmepụta ihe oyiyi na Dreamweaver . A na-ezubere ya maka ndị mmadụ na-eji nsụgharị nke Dreamweaver na-esonụ:

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

Ngwa maka nkuzi a

• Ncha
  Otu n'ime nsụgharị ndị e depụtara n'elu.
• Ihe oyiyi mbụ
  Jide n'aka na-ebuli oyiyi a. Nke a ga - enyere gị aka ịbịakọta ngwa ngwa.
• Ihe oyiyi na-emegharị
  Foto a kwesịrị ịdị otu ihe ahụ dị ka mbido mbụ ahụ. Na, dịka onyinyo mbụ ahụ, a ga-ahazi iji nyere oge ọrụ oge.
• A ibe weebụ
  Nke a bụ peeji HTML nke ị ga - etinye foto gị.

01 nke 06

Malite

1. Malite Dreamweaver
2. Mepee ibe weebụ ebe ịchọrọ ka ọkpụkpụ gị

02 nke 06

Fanye ihe nkedo ihe ngosi ihe oyiyi

Nchịkwa na-eme ka ọ dị mfe ịmepụta ihe oyiyi rollover.

1. Gaa na Ntinye menu wee gaa na "Ihe ngosi Objects" sub-menu.
2. Họta "Ihe oyiyi Image" ma ọ bụ "Foto Rollover"

Ụfọdụ nsụgharị nke Dreamweaver na-akpọ Image Objects "Interactive Images" kama.

03 nke 06

Gwa Dreamweaver Ihe Images iji Jiri

Ihe na-abaghị uru na-emepụta igbe na igbe ndị ịchọrọ iji jupụta iji mepụta foto gị.

Aha foto

Họrọ aha oyiyi nke pụrụ iche maka ibe. O kwesịrị ịbụ otu okwu, ma ị nwere ike iji nọmba, gosi (_) na hyphens (-). A ga-eji nke a chọpụta ihe oyiyi ahụ ga-agbanwe.

Foto mbido

Nke a bụ URL ma ọ bụ ọnọdụ nke onyinyo ahụ ga-amalite na ibe. Ị nwere ike iji njikọ ma ọ bụ ụzọ URL zuru oke na mpaghara a. Nke a ga-abụ ihe oyiyi dị na sava weebụ gị ma ọ bụ na ị ga-ebugo na ibe.

Foto nkwụsị

Nke a bụ onyinyo ahụ ga-apụta mgbe ị na-emegharị ihe oyiyi ahụ. Dị ka onyinyo mbụ ahụ, nke a nwere ike ịbụ ụzọ zuru oke ma ọ bụ ụzọ ọhụụ ga-esi gaa na onyinyo ahụ, ọ ga-adịkwa ma ọ bụ bulite ya mgbe ị bulitere ibe.

Preload Rollover Image

Nhọrọ a na-ahọrọ site na ndabara n'ihi na ọ na-enyere onye rollover anya ngwa ngwa. Site na ịhọrọ ịkwalite foto ahụ, ihe nchọgharị weebụ ga-echekwa ya n'ime oghere ruo mgbe òké ahụ na-agbanye ya.

Ezo ederede

Ezi ederede ọzọ na- eme ka ihe oyiyi gị dịkwuo mfe. Ị ga-eji ụfọdụ ụdị ederede mgbe ị na-agbakwunye ihe ọ bụla.

Mgbe a kụrụ ya, gaa na URL

Ọtụtụ ndị mmadụ ga-pịa na ihe oyiyi mgbe ha hụrụ otu na ibe. N'ihi ya, ị kwesịrị ịdị na-eme ka ha clickable. Nhọrọ a na-enye gị ohere ịkọwa ibe ma ọ bụ URL iji lee onye na-ekiri ha mgbe ha pịa na mbiet ahụ. Mana nhọrọ a anaghị achọ ka ịmepụta ihe.

Mgbe ị mechara mpaghara niile, pịa OK iji mee ka Dreamweaver mepụta foto gị.

Akwụkwọ na-esonụ na-egosi edemede nke Dreamweaver dere.

04 nke 06

Ndị na-enweghị obi ụtọ na-ede Javascript maka gị

Ọ bụrụ na ị mepee ihu na ibe-ịlele, ị ga-ahụ na Dreamweaver na-etinye ihe ngọngọ nke Javascript na nke akwụkwọ HTML gị. Nke a na-agụnye ọrụ atọ ịchọrọ iji nweta ihe oyiyi ahụ mgbe nrugharị ahụ na-agbanye ha na ọrụ a kwadoro ma ọ bụrụ na ịchọrọ maka nke ahụ.

ọrụ MM_swapImgRestore ()
ọrụ MM_findObj (n, d)
ọrụ MM_swapImage ()
ọrụ MM_preloadImages ()

05 nke 06

Dreamweaver Na-agbakwunye HTML maka Rollover

Ọ bụrụ na ị họọrọ ka Dreamweaver kwadoo foto oyiyi ahụ, ị ​​ga-ahụ koodu HTML na akụkụ nke akwụkwọ gị iji kpọọ ihe odide preload iji mee ka ihe oyiyi gị dịkwuo ngwa ngwa.

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

Dreamweaver na-agbakwụnye koodu niile maka onyinyo gị ma jikọta ya (ọ bụrụ na ị gụnyere URL). A na-agbakwụnye akụkụ ntụgharị ahụ na mkpado arịlịka dị ka onmouseover na àgwà onmouseout.

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

06 nke 06

Nyochaa Rollover

Hụ ihe oyiyi ahụ na-arụ ọrụ zuru ezu ma mụta ihe dị n'obi Shasta.