Resultatet
Først, la oss si at vi allerede har et nettsted arbeidsmiljø, og vi ønsker å legge til en lysbildeserie i innholdet. For denne opplæringen, vil vi starte fra en nettside mal gitt av www.justdreamweaver.com
La oss si at vi ønsker å erstatte H2 tittel og tekst med en fin lysbildeserie:
< h2> Tutorial start til
For å gjøre denne opplæringen du trenger Dreamweaver (8, CS3 eller CS4), Creative DW ImageShowPro forlengelse fra Extend Studio stedet og et sett med bilder.
Du kan laste ned en gratis prøveversjon fra her og alt du trenger å gjøre er å installere det ved hjelp av Adobe Extension Manager som kommer med Dreamweaver. For å finne den utvidelsen i Dreamweaver følg denne linken.
Åpne mainpage.html (hvis du bruker malen levert av JustDreamweaver) eller din egen HTML-side
Klikk på siden der du ønsker å bruke lysbilde (i mitt tilfelle, har jeg slettet h2 tittelen og innholdet nedenfor og klikket på den tomme plassen opprettet)
Gå til ImageShow Pro-fanen og klikk på Insert New Image Show Pro knappen
Dette vil åpne bilde Show Pro Dreamweaver grensesnitt, vi bør gjøre innstillingene for lysbildefremvisningen.
Nå bildene jeg bruker for lysbildeserien er 500px bred og høyden er rundt 330px. For å skape den panoramiske bevegelsen fra bildene, bør du sette bredden til å være lik eller mindre bildestørrelsen, så i stedet for standard 450x450 la sette 350 piksler bred og 340 px høyde:
< li>
Neste trinn er å laste opp bilder. TIPS: for rask lysbildelastetider, bør du åpne bilder i Photoshop og "Lagre dem for Web" Å laste opp bilder, klikk på "Sett inn objekt" -knappen
La oss sette lysbilde til. loop. Klikk på avkrysnings.
Opprette Bildeserie effekter
På dette punktet har du lastet opp bildene, og vi kan leke med effekter. I Slide effekten området kan du stille overgangen mellom bilder, sett panoramabevegelseshastighet og panorama retning.
Sett glide effekter å falme (inn- og effekter) og Slide forsinkelse til 100 ( du kan spille med de forsinkelser som du ønsker, avhengig av bildene).
Neste trinn er å sette mottion innstillingene fra Slide effekter området.
La oss sette startstilling til høyre og den endestilling til venstre.
Dette vil skape en horisontal bevegelse fra stillbildene. Klikk på OK.
Vi er ferdige i denne kategorien. Innstillinger skal se omtrent slik
