Als u als HTML5 voor website exporteert, u een diavoorstelling maken met clips van uw PhotoStage-project en deze integreren met uw website.

De broncode van de website (HTML, CSS, Javascript) en de afbeeldingsafhankelijkheden worden gemaakt in de geselecteerde bestemming. Momenteel worden alleen afbeeldingen met de toegepaste effecten (behalve animaties) en crossfade-overgang ondersteund.

Exportopties

De volgende opties zijn beschikbaar in het exportdialoogvenster:

Integratie met website

Het is heel eenvoudig om de diavoorstelling toe te voegen aan een nieuwe website of aan een bestaande. Exporteren naar HTML5 voor website biedt een voorbeeld html-bestand (index.html) dat kan worden gebruikt om te beginnen met het maken van uw website met de diavoorstelling. Het bevat een tag met slideshow.html als bron. Voor eenvoudige lay-out volgt de grootte van de bovenliggende container (d.w.z.

Als u de diavoorstelling wilt opnemen op uw bestaande website, kopieert en plakt u de volgende code in uw html-bestand. Het maakt gebruik van de vergelijkbare <iframe> tag in een bovenliggende container die de grootte van de diavoorstelling definieert. Hiervoor moet u de inhoud van de map 'Opslaan naar' kopiƫren naar uw host, behalve index.html. Het <iframe> wordt gebruikt om de diavoorstelling op uw website op te nemen. U de breedte en hoogte van de <div> indien nodig aanpassen.

<div style=width:640px; hoogte:690px; marge:auto>
<!-- Breedte en hoogte van het iframe is een percentage van de bovenliggende -->
<!-- Als u de marge instelt op 'automatisch' wordt het iframe horizontaal in de div -->
<!-- Als u de randstijl in 'geen' stelt, wordt de standaardrand iframe -->
<iframe src=slideshow.html style=width:100%; hoogte:100%; marge:automatisch; randstijl:none>
</iframe>
</div>

De diavoorstelling is standaardcentrum uitgelijnd op de bovenste niveaucontainer (bijvoorbeeld een andere <div> of <body>). Ga als volgt te werk in <div> met het <iframe>:

Marge wijzigen:automatisch zweven:links naar links uitlijnen en zweven:rechts voor rechts uitlijnen.