Resultatet
Først, lad os sige, at vi allerede har en hjemmeside arbejde, og vi ønsker at tilføje et diasshow i indholdet. For denne tutorial, vil vi starte fra en hjemmeside skabelon fra www.justdreamweaver.com
Lad os sige, at vi ønsker at erstatte H2 titel og tekst med en dejlig lysbilledshow:
< h2> Tutorial Start
For at gøre denne tutorial du skal bruge Dreamweaver (8, CS3 eller CS4), Creative DW ImageShowPro forlængelse fra Extend Studio stedet og et sæt billeder.
Du kan downloade en gratis prøveversion fra her og alt du behøver at gøre er at installere det ved hjælp af Adobe Extension Manager, der kommer med Dreamweaver. For at finde en udvidelse i Dreamweaver følge dette link.
Åbn mainpage.html (hvis du bruger den blanket, som JustDreamweaver) eller din egen HTML-side
Klik på siden hvor du ønsker at anvende diasshowet (i mit tilfælde har jeg slettet H2 titel og nedenfor indhold og klikkede i det tomme rum oprettede)
Gå til fanen Pro Billedshow og klik på Indsæt New Image Vis Pro knap
Dette vil åbne billede Vis Pro Dreamweaver interface, var vi bør foretage indstillingerne for diasshow.
Nu, billederne jeg bruger til slideshowet er 500px bred og højden er omkring 330px. For at skabe den panoramiske bevægelse fra billederne, skal du indstille bredden til at være lig med eller mindre billedstørrelsen, så i stedet for standard 450x450 lad sætte 350 pixel bred og 340 px højde:
< li>
Næste trin er at uploade billeder. TIP: for hurtige slideshow loading tider, skal du åbne billederne i Photoshop og "Gem dem til web" For at uploade billeder, skal du klikke på "Indsæt element" knappen
Lad os indstille diasshowet til.
loop. Klik på afkrydsningsfeltet.
Oprettelse af Dias effekter
På dette tidspunkt du har uploadet billederne, og vi kan lege med effekterne. I Slide effekt område kan du indstille overgangen mellem billederne, skal du indstille den panoramiske bevægelse hastighed og panorama retning.
Indstil slide effekter at falme (ind og ud effekter) og Slide forsinkelse til 100 ( du kan spille med de forsinkelser, som du ønsker, afhængigt af billederne).
Næste trin er at indstille mottion indstillingerne fra Slide effekter området.
Lad os sætte den startposition til højre og slutposition til venstre. Dette vil skabe en horisontal bevægelse fra stillbilleder. Klik på OK.
