Bihurgailuaren irudia beste irudi batzuekin aldatzen den irudia da, zuk edo zure bezeroak saguarekin gurutzatzen duenean. Hauek ohiko moduan sentimendu interaktiboak sortzeko erabiltzen dira, adibidez, botoiak edo fitxak. Baina rollover irudiak sor ditzakezu besterik gabe.
Tutorial hau diseinatuta dago Dreamweaver- en irudi birkargatzailea sortzeko. Erabiltzaileak Dreamweaver-en bertsio hauek erabiliz erabiltzeko asmoa du:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
Tutorial honetan eskatutako baldintzak
- Dreamweaver
Goian zerrendatutako bertsioetako bat. - Jatorrizko irudia
Ziurtatu irudi hau optimizatzeko. Horrek zure orrialdeak azkarrago kargatzen lagunduko die. - Erredakzioa
Irudi hau jatorrizko irudia bezalako dimentsio berberak izan beharko luke. Eta, jatorrizko irudia bezala, optimizatu behar da orria kargatzeko orduak laguntzeko. - Web orri bat
Hau HTML orrialdea da, non zure rollover irudia jarriko duzu.
06/01
Hasi
- Hasi Dreamweaver
- Ireki zure rollover nahi duzun web orria
02 de 06
Sartu Rollover irudiaren irudiaren objektua
Dreamweaver-ek rollover irudi bat sortzeko erraza da.
- Joan Txertatu menuan eta "Objektuen irudiak" menura azpititulora.
- Hautatu "Irudia birbideratzea" edo "Irauli irudia"
Dreamweaverren bertsio zaharrago batzuek irudien objektuak "Irudi interaktiboak" deitu dituzte.
03 de 06
Esan Dreamweaver zer irudiak erabili
Dreamweaver-ek elkarrizketa-koadro bat azalduko du bete beharreko eremuei zure rollover irudia sortzeko.
Irudiaren izena
Aukeratu orrialde bakarra den irudi izen bat. Hitz bat izan behar du, baina zenbakiak, azpimarrak (_) eta marratxoak (-) erabil ditzakezu. Honek erabiliko du irudia aldatzeko.
Jatorrizko irudia
Orrialde hau hasten den irudien URLa edo kokalekua izango da. Eremu honen bide erlatibo edo absolutuak erabil ditzakezu. Zure web zerbitzarian dagoen irudia edo orriarekin kargatuko duzun irudia izan beharko luke.
Rollover irudia
Irudiaren gainean sagua agertzen den irudia agertuko da. Jatorrizko irudia bezala, hau irudiaren bide absolutua edo erlatiboa izan daiteke, eta orrialdean kargatzen duzunean existitzen edo kargatu behar da.
Preload Rollover irudia
Aukera hau hautatzen da lehenespenez rollover azkarrago agertzen delako. Kopiagintza irudiaren aurrebista aukeratuz gero, web arakatzaileak katxean gordeko du sagua gainetik pasatzean.
Testu ordezkoa
Testu alternatibo onak zure irudiak errazten ditu. Testu alternatibo batzuk beti erabili beharko zenuke edozein irudi gehituz.
Noiz egin klik, Joan URLera
Jende gehienak irudian klik egingo du orri batean ikusten dutenean. Beraz, egin klik egitean ohitura izan beharko zenuke. Aukera honek orrialdea edo URLa zehazten uzten du ikuslea irudian klik egiten denean. Aukera hau ez da beharrezkoa rollover bat sortzeko.
Eremu guztiak bukatutakoan, egin klik Ados aukeran Dreamweaver-en zure rollover irudia sortzeko.
Hurrengo orrialdea Dreamweaver-ek idatzitako script-a erakusten du.
04 de 06
Dreamweaver-ek zuretzat idazten du
Orrialdea irekitzean kode-ikuspegian ikusten baduzu, Dreamweaver-ek JavaScript-bloke bat txertatuko du zure HTML dokumentuko
orrian. Bloke honek irudiak swap izan behar dituen 3 funtzio ditu, sagua horien gainetik pasatzean eta aurrez funtzioaren funtzioa aukeratzen baduzu.funtzioa MM_swapImgRestore ()
funtzioa MM_findObj (n, d)
funtzioak MM_swapImage ()
funtzioa MM_preloadImages ()
05 de 06
Dreamweaver-ek rollerderako HTML eransten du
Dreamweaver-ek aurrez kargatutako rollover irudiak aukeratzen badituzu, zure dokumentuaren gorputzean HTML kodea ikusiko duzu aurrekargako script-a deitzeko, zure irudiak kargatu ahal izateko.
onload = "MM_preloadImages ( 'shasta2.jpg')"
Dreamweaver-ek irudiaren kodea ere gehitzen du eta lotzen du (URL bat sartzen baduzu). Torlojua zatiak ainguraren etiketa gehituta onmouseover eta onmouseout atributuak gisa.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ( 'Image1', '', 'shasta1.jpg', 1)"
06ko 06
Probatu pasahitza
Ikusi guztiz funtzionala birkargatzeko irudia eta Shasta-ren gogoaren berri.