Indholdsfortegnelse:
- 1Gør de billeder, der skal bruges som rollover.
- 2 Placér markøren på siden, hvor du vil have overgangen til at blive vist.
- 3 Navngiv billedet.
- 4Klik på Browse-knapperne.
- 5Vælg afkrydsningsfeltet Preload Rollover Image valgt.
- 6 Beskriv billedet.
- 7Fuldfør Når klikket, Gå til URL-tekstfelt.
- 8Klik på OK.
- 9Forbillede af billedet.
Video: Dreamweaver CS5 Rollover Image Tutorial - Make a Rollover Image Dreamweaver CS5 2024
I Adobe Creative Suite 5 (Adobe CS5) Dreamweaver kan du indsætte billedobjekter, herunder billedbeholdere, rollover-billeder (billeder, der ændres, når en viewer ruller musen over billedet) og fyrværkeri HTML. Du får adgang til disse billedobjekter ved at vælge Indsæt → Billedobjekter.
1Gør de billeder, der skal bruges som rollover.
Du kan generere disse billeder i Fireworks, Illustrator, Photoshop eller et andet program, der er i stand til at gemme billeder, der er optimeret til internettet.
2 Placér markøren på siden, hvor du vil have overgangen til at blive vist.
Vælg Indsæt → Billedobjekter → Rulér billede eller klik på knappen Rollover Image i Insert-panelet. Dialogboksen Indsæt rulningsbillede.
3 Navngiv billedet.
Indtast et billednavn uden mellemrum i tekstfeltet til billednavn. Dette navn bruges i scriptet, der skaber overgangen.
4Klik på Browse-knapperne.
Browse-knappen er til højre for tekstfeltene Original Image og Rollover Image. Find det billede, du vil se som en standard på siden og det billede, der kun vises, når nogen svæver musen over billedet.
5Vælg afkrydsningsfeltet Preload Rollover Image valgt.
Denne indstilling overfører rollover-billedet, når siden downloades for at undgå forsinkelser i rollovers.
6 Beskriv billedet.
Skriv passende beskrivende alt tekst i Alt tekstfeltet.
7Fuldfør Når klikket, Gå til URL-tekstfelt.
Dette dirigerer Dreamweaver, hvor seerne er rettet, når de klikker på rollover-billedet. Du kan enten klikke på knappen Gennemse for at finde en anden side på dit websted eller indtaste en webadresse. Bemærk: Hvis du linker til et andet websted, skal du inkludere // præfikset i begyndelsen af webadressen.
Hvis du endnu ikke har et rigtigt link til brug for en knap eller et hyperlink, kan du indtaste et pundskilt (#) for at oprette et dødt link. Linket eller knappen vises klikbart, men går ikke overalt, når du klikker. Denne indstilling er bedre end at trykke på mellemrumstasten for at oprette et tomt rum som et link, da der vises en side ikke fundet fejl, når den klikkes.
8Klik på OK.
Rolloverbilledet er oprettet på siden.
9Forbillede af billedet.
For at forhåndsvise det nye rollover-billede, skal du vælge Filer → Forhåndsvis i browseren eller klikke på knappen Live View på dokumentets værktøjslinje.