Der Website-Quellcode (HTML, CSS, Javascript) und seine Bildabhängigkeiten werden im ausgewählten Ziel erstellt. Derzeit werden nur Bilder mit den angewendeten Effekten (außer Animationen) und dem Überblendübergang unterstützt.
Exportoptionen
Die folgenden Optionen sind im Exportdialog verfügbar:
Integration in die Website
Es ist sehr einfach, die Diashow hinzuzufügen, egal ob es sich um eine neue Website oder eine bestehende Website handelt. Der Export nach HTML5 für Website bietet eine HTML-Beispieldatei (index.html), mit der sie mit der Erstellung Ihrer Website mit der Diashow beginnen können. Es enthält ein Tag mit slideshow.html als Quelle. Für eine einfache Layouterstellung folgt die Größe des übergeordneten Containers (d. h.
Um die Diashow in Ihre vorhandene Website einzuschließen, kopieren Sie den folgenden Code und fügen Sie ihn in Ihre HTML-Datei ein. Es verwendet das ähnliche <iframe>-Tag in einem übergeordneten Container, der die Größe der Diashow definiert. Dazu müssen Sie den Verzeichnisinhalt Speichern an auf Ihren Host mit Ausnahme von index.html kopieren. Der <iframe> wird verwendet, um die Diashow auf Ihrer Website einzuschließen. Sie können die Breite und Höhe des <div> nach Bedarf anpassen. <div style=width:640px; Höhe:690px; rand:auto>
<!-- Breite und Höhe des iframes ist ein Prozentsatz des übergeordneten -->
<!-- Einstellen des Rands auf auto zentriert den iframe horizontal innerhalb des div -->
<!-- Festlegen des Border-Stils auf keine entfernt den standardmäßigen iframe-Rahmen -->
<iframe src=slideshow.html style=width:100%; Höhe:100%; Rand:auto; border-style:none>
</iframe>
</div>
Die Diashow ist standardmäßig zentriert und an ihrem Container auf der oberen Ebene ausgerichtet (z. B. ein anderer <div> oder <body>). Um dies zu ändern, gehen Sie im <div> mit <iframe> wie folgt vor: