Una imagine di rollover hè una imagina chì cambia à alcuna altra imagina quandu u vostru cliente oghje u sguardu. Quessi sò cumunamenti usati per creà un sensu interattivu cumu i botuletti o tabulature. Ma pudete creà l'imagine rollover da tuttu di qualcosa.
Stu tutorialu hè cunsideratu per aiutà à creà una imagine di rollover in Dreamweaver . Hè stata apposta per utilizà da e persone chì utilizanu e versione di Dreamweaver:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
Hè rettitù per stu Tutoriale
- Dreamweaver
Una di e versioni versi supra. - Una maghjina originale
Assicuratevi ottenezzà sta imagina. Questu avete aiutu à e vostre pagine per carà più veloce. - L'impresa di rollover
Questa stampa hè stata a stessa dimensioni cum'è l'imaghjina originale. È, cum'è l'imaghjina originale, devenu esse ottimisimu per aiutà e pagine di a pagina. - Una pagina web
Questa hè a pàgina HTML, duvere posà a vostra imagine rollover.
01 di 06
Get Started
- Start Dreamweaver
- Apertura a pàgina web chì vulete u vostru còdice
02 di 06
Inserisce una Scuperta Image Scope Object
I Dreamweaver faci faciule facilità per creà una imagine di rollover.
- Va à u menù Insert menu è sottu u menu di "Igetti d 'imagine".
- Select "Image rollover" o "Rollover image"
Arcuni versioni più vechje di Dreamweaver chjamani l'Articuli di l'Image "Images Interactive" in u cuntattu.
03 di 06
Dì à Dreamweaver ciò chì l'imagine per aduprà
U Dreamweaver ponu una dialogu box cù i campi chì avete bisognu di riflette per creà a vostra imagine di rollover.
Image Name
Sceglite un nome d'imagine chì hè unicu per a pagina. Sò deve esse una sola parola, ma puderete aduprate numeri, underscores (_) è gufà (-). Questu serà usatu per identificà l'imagine per cambià.
Image originale
Questa hè l'URL o u locu di l'imaghjini chì accumene da a pagina. Pudete utilizà l'indirizzu relative o absolute path in stu campu. Questu esse una imagina esiste in u vostru servore web o quellu chì subete cù a pagina.
Rollover Image
Questa hè l'imaghjina chì pareva quandu u cursu annantu à l'imaghjini. Cum'è l'image originale, questu pò esse un modu assulutu o parente in l'imaghjera, è deve esiste o sia dispostu quandu si carghjassi a pagina.
Scaricà Scaricà
Questa opzione hè sceltu per regule predeterminatu perchè aiuta à l'addossu appressu più veloce. Sceglienu per precarga l'imagine di rollover, u web browser a cacheghja in una cache finu à u ghjornu di u ghjacciu.
Testu Alternate
Un bonu testu altru tistimonià e vostre imagine più accessibile. Preferite sempre alcune un tipu di testu alte quandu aghjunghjenu alcune imagine.
Quandu hà cliccatu, Andate à l'URL
A maiò parte di a ghjente cliccà nantu à una imatge quandu vedanu una in una pagina. Allora vi tocca à l'abitudine di fà facci clicate. Sta opzione vi permette di spicciri a pagina o URL per piglià u visoru quandu clicanu nantu à l'imaghjina. Ma sta opción ùn hè micca necessariu di creà una robba.
Quandu avete cumplettatu tutti i campi, cliccate D'accordu per avè Dreamweaver creà a vostra imagine rollover.
A pagina dopu mostra l'script chì Dreamweaver scrite.
04 di 06
Dreamweaver Scrive u JavaScript per voi
Se apre a pagina in u codice verificatu vi vede chì Dreamweaver inseriu un bloqueu di JavaScript in a
di u vostru ducumentu HTML. Questu bloque comprende e 3 funzioni chì deveru bisognu di l'imagine si cambienu u ghjornu di u cursu nantu à elli è a precarga di funzione, s'ellu hà sceltu per questu.funzione MM_swapImgRestore ()
funzione MM_findObj (n, d)
funzione MM_swapImage ()
funzione MM_preloadImages ()
05 di 06
Dreamweaver Aggiunta u HTML per u Rollover
Se decide chì u Dreamweaver precarga l'imàgini di imbottitariu, puderete vede u còdice HTML in u corpu di u vostru documentu per invià a chjave precarga in modu chì i vostri cartesi cullighisce più veloce.
onload = "MM_preloadImages (" shasta2.jpg ') "
Dreamweaver aghjusteghja ancu tutte e codice per a vostra imaghjina è a ligami (se cumpresu un URL). A parte di rollover hè aghjuntu à l'etiqueta d'ancu com'è onmouseover è attributi onmouseout.
onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', 'shasta1.jpg', 1)"
06 di 06
Pruvate u Rollover
Vede l'imaghjera funziona cumplette è apre l'averu nantu à a mente di Shasta.