Lysbildefremvisninger er et vanlig nettstedsgrensesnitt som brukes til å fremheve nylig innhold.
Bildekreditt: Miriam2009/iStock/Getty Images
Dreamweaver er Adobes profesjonelle webutviklingsprogramvare og tilbyr en rekke funksjoner for å bygge nettsider. Disse funksjonene spenner fra back-end databaseintegrasjon til JavaScript-lysbildefremvisninger som endrer bilder med faste intervaller. Dreamweavers standardiserte JavaScript lar nettstedutviklere lage lysbildefremvisninger uten å måtte grave direkte i koden. Mens webelementet kalt en "lysbildefremvisning" deler samme navn som en kortstokk med PowerPoint-lysbilder, er utdataene til Dreamweaver standard HTML som kan vises i alle nettlesere.
Trinn 1
Start Dreamweaver og åpne nettsideprosjektet fra "Fil"-menyen. Naviger til siden til nettstedet ditt der lysbildefremvisningen skal integreres.
Dagens video
Steg 2
Klikk "Sett inn" og deretter "Layer" fra topplagmenyen. Dette vil åpne en dialogboks; klikk "Bilde" for typen lag i den boksen.
Trinn 3
Klikk "Bla gjennom" og naviger til bildekatalogen din. Velg bildet til det første laget ditt -- dette vil være det første lysbildet som vises i lysbildefremvisningen. Du kan også peke på andre HTML-sider i stedet for bilder; dette er en måte å integrere tekst og klikkbare lenker i lysbildefremvisningen på nettstedet ditt.
Trinn 4
Gjenta de to foregående trinnene, legg til et nytt lag og passende innhold for hvert lysbilde du vil ha vist. Fordi JavaScript som brukes til å vise lysbildefremvisningen i nettleseren vil forhåndshente alt innholdet, vil du vil sannsynligvis beholde lysbildefremvisninger til ikke mer enn seks eller syv elementer slik at nettsiden lastes inn på en rimelig måte tid.
Trinn 5
Klikk på "Vindu" og deretter "Tidslinje" fra topplagsmenyen. En tidslinjeredigerer vil vises. Angi en varighet for hvert bilde i lagsettet du opprettet. Velg det første bildet du vil vise, høyreklikk på tidslinjeoppføringen for det og velg "Legg til nøkkelbilde".
Trinn 6
Velg en lag/bilde-kombinasjon for det valgte nøkkelbildet og gjenta denne prosedyren for hvert lag og bilde du vil ha i tidslinjen.
Trinn 7
Klikk "OK" for å lagre innstillingene.
