*   >> Lezen Onderwijs artikelen >> tech >> web development

Maak een panoramisch beeld slideshow in Dreamweaver

Het resultaat

Ten eerste, laten we zeggen dat we al een werkende website, en we willen een diavoorstelling toe te voegen in de inhoud. Voor deze tutorial, zullen we uitgaan van een website template die door www.justdreamweaver.com

Laten we zeggen dat we willen de H2 titel en tekst met een mooie slideshow vervangen:

< h2> Tutorial Start

Om deze tutorial u Dreamweaver (8, CS3 of CS4) nodig hebt, de Creative DW ImageShowPro uitbreiding van de Extend Studio website en een reeks foto's.

U kunt een gratis proefversie downloaden van hier en alles wat je hoeft te doen is om het te installeren met behulp van de Adobe Extension Manager, dat wordt geleverd met Dreamweaver. Te vinden de extensie in Dreamweaver volg deze link.

  • Open de mainpage.html (indien u gebruik maakt van de sjabloon door JustDreamweaver) of uw eigen HTML pagina

  • Klik op de pagina waar u de diavoorstelling toe te passen (in mijn geval, ik heb de h2 titel en de volgende inhoud gewist en klikte in de lege ruimte gecreëerd)

  • Ga naar het tabblad Pro ImageShow en klik op Insert New Image Toon Pro knoop

  • Dit zal de Afbeelding Show Pro Dreamweaver-interface te openen, waren we de instellingen moeten maken voor de Slideshow.




  • Nu, de beelden die ik gebruik voor de diashow zijn 500px breed en de hoogte is ongeveer 330px. Om de panorama beweging van de foto's te maken, moet u de breedte ingesteld op gelijk aan of kleiner het beeldformaat, dus in plaats van de standaard 450x450 laten zetten 350px breed en 340 px hoogte:


  • < li>

  • De volgende stap is om foto's te uploaden.

    TIP: voor snelle slideshow laadtijden, moet u de foto's in Photoshop te openen en "Bewaar ze voor het Web" Als u foto's uploaden, klikt u op de "Invoegen" knop

  • Laten we stellen de slideshow op. lus. Klik op het vakje.

    Het creëren van de Slideshow effecten

    Op dit punt hebt geüpload de foto's en we kunnen spelen met de effecten. In de Slide effect gebied kunt u de overgang tussen afbeeldingen instellen, stelt de panoramische bewegingssnelheid en het panorama richting.


  • Stel de schuif effecten (In en Out-effecten) en Slide vertraging van 100 vervagen ( u de vertraging kunt spelen als je wilt, afhankelijk van de foto's).

  • De volgende stap is om de mottion instellingen van de Slide effecten omgeving.

  • Laten we het startpositie naar rechts en de eindpositie naar links. Dit zal een ho

    Page   <<       [1] [2] >>
  • Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.