Video: Hvordan opprette et prosjekt i Connected? 2025
I Dreamweaver, Rollover bilder - som navnet antyder - er utformet for å reagere når noen ruller en markør over et bilde. Effekten kan være like dramatisk som et bilde av en hund som blir erstattet av et bilde av en løve, eller så subtil som fargen på et ord som endrer seg som ett bilde erstatter et annet. Uansett, inkluderer Dreamweaver en spesiell dialogboks for overføringer som gjør at du oppretter en enkel overgangseffekt, en av de enkleste oppføringene som skal brukes.
Følg disse trinnene for å opprette et overgangsbilde ved å bruke Dreamweaver's Insert Image Rollover-dialogboksen:
1. Klikk for å plassere markøren på siden der du vil at overføringen skal vises.
Rollover-effekter krever minst to bilder: en for startstatus og en for overgangsstatus. Du kan bruke to forskjellige bilder eller to lignende, men de skal begge ha de samme dimensjonene. Ellers får du noen merkelige skaleringseffekter fordi begge bildene må vises på nøyaktig samme plass på siden.
2. Velg Insert -> Image Objects -> Rollover Image.
Dialogboksen Innføringsrullebilde vises.
3. I bildet Image-boksen kan du se bildet ditt.
Før du kan bruke en oppførsel til et element, for eksempel et bilde, må elementet ha et navn slik at oppførselskriptet kan referere til det. Du kan navngi elementer alt du vil, så lenge du ikke bruker mellomrom eller spesialtegn.
4. I den opprinnelige bildet-boksen angir du det første bildet du vil ha synlig. Bruk Bla gjennom-knappen for å finne og velg bildet.
Hvis bildene ikke allerede er i rotasjonsmappen til nettstedet ditt, vil Dreamweaver kopiere dem til nettstedet ditt når du oppretter overgangen.
5. I feltet Rollover Image, skriv inn bildet du vil bli synlig når besøkende flytter markørene over det første bildet.
Igjen, kan du bruke Browse-knappen til å finne og velge bildet.
6. Marker avkrysningsruten for forhåndsvisning av bilde for å laste inn alle overførte bilder i nettleserens cache når siden først lastes.
Hvis du ikke velger å gjøre dette trinnet, kan de besøkende oppleve en forsinkelse fordi det andre bildet ikke lastes ned til musen rulles over det opprinnelige bildet.
7. I Når klikket, Gå til URL-boksen, skriv inn en hvilken som helst nettadresse eller bla for å finne en annen side på nettstedet du vil koble til.
Hvis du ikke spesifiserer en URL, legger Dreamweaver automatisk # -tegnet som en plassholder.
8. Klikk på OK.
Bildene blir automatisk opprettet som en overgang.
9. Klikk på globusikonet øverst i arbeidsområdet for å forhåndsvise arbeidet ditt i en nettleser og teste hvordan overføringen fungerer.
