Video: Knapper i Flash til hjemmesider i Flash del 1 2024
I Dreamweaver, Rollover billeder - som navnet antyder - er designet til at reagere, når nogen ruller en markør over et billede. Effekten kan være lige så dramatisk som et billede af en hund, der erstattes af et billede af et løve, eller så subtilt som farven på et ordskift, da et billede erstatter et andet. Uanset hvad, Dreamweaver indeholder en særlig dialogboks til rollovers, der gør det muligt at skabe en simpel overflytningseffekt en af de nemmeste opførsel at anvende.
Følg disse trin for at oprette et overgangsbilde ved at bruge Dreamweaver's Insert Image Rollover-dialog:
1. Klik for at placere markøren på den side, hvor overgangen skal vises.
Rollover-effekter kræver mindst to billeder: en til den indledende tilstand og en til rulningstilstanden. Du kan bruge to forskellige billeder eller to lignende, men de skal begge have de samme dimensioner. Ellers får du nogle mærkelige skaleringseffekter, fordi begge billeder skal vises på nøjagtig samme plads på siden.
2. Vælg Indsæt -> Billedobjekter -> Rollover Image.
Dialogboksen Indsæt rollover-billede vises.
3. Navngiv dit billede i feltet Billednavn.
Før du kan anvende en adfærd på et element, som et billede, skal elementet have et navn, så adfærdsscriptet kan referere til det. Du kan navngive elementer, hvad du vil, så længe du ikke bruger mellemrum eller specialtegn.
4. I det originale billede skal du angive det første billede, du vil have, synligt. Brug knappen Gennemse til at finde og vælge billedet.
Hvis billederne ikke allerede findes i dit websteds rodmappe, vil Dreamweaver kopiere dem til dit websted, når du opretter overgangen.
5. Indtast det billede, du vil synliggøre, når du bevæger deres markører over det første billede i feltet Rollover Image.
Igen kan du bruge Browse-knappen til at finde og vælge billedet.
6. Marker afkrydsningsfeltet Preload Rollover Image for at indlæse alle overførselsbilleder i browserens cache, når siden først indlæses.
Hvis du ikke vælger at gøre dette trin, kan dine besøgende opleve en forsinkelse, fordi det andet billede ikke downloades, før en mus rulles over det originale billede.
7. Når du klikker, skal du gå til URL-feltet, indtaste en hvilken som helst webadresse eller gennemse for at finde en anden side på dit websted, som du vil linke til.
Hvis du ikke angiver en webadresse, indsætter Dreamweaver automatisk # -tegnet som en pladsholder.
8. Klik på OK.
Billederne indstilles automatisk som en rollover.
9. Klik på Globe-ikonet øverst i arbejdsområdet for at forhåndsvise dit arbejde i en browser og afprøve, hvordan overgangen fungerer.