Wie man eine HTML5 Slideshow erstellt

HTML5, als die nächste Generation des Web Standard, steht vor der Tür. Würden Sie HTML5 Unterstützung auf Ihrer Homepage einbinden? Vielleicht wird es Zeit sich wenigstens darauf vorzubereiten. Dieser Artikel zeigt Ihnen zwei Wege um eine HTML5 Slideshow zu erstellen und auf Ihrer Homepage einzubinden.

Eine der größten Änderungen von HTML5 ist, dass Sie Videos direkt implementieren und abspielen können. Auf diesem Weg kann der Besucher HTML5 Slideshow ansehen (Es gibt auch HTML5 Slideshow Mac), sofern sein Browser es unterstützt. Kein Flashplayer benötigt. Da HTML5 noch nicht in seiner finalen Version zur Verfügung steht können Video Codecs wahrscheinlich Gebrauch von WebM, H264, Orgy oder beidem machen.

Download Win Version Download Mac Version

Selbstlaufende HTML5 Slideshow

Was sie nun nur noch benötigen, ist eine HTML5 Slideshow Software um eine Slideshow in MP4 (AVC) zu erstellen.
Folgendermaßen können Sie HTML5 Slideshow Videos einbinden:

<video poster="movie.jpg" controls> 
    <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'/> 
    <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'/> 
    <source src='movie.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
</video>

wenn Sie das untere Video sehen können unterstützt Ihr Browser HTML5. Heutzutage unterstützen die meisten Browser bereits HTML5 Slideshow. Mehr Details über HTML5 Browser.

HTML5 Slideshow Videos, gestaltet mit DVD Slideshow Builder Deluxe – Mehr als 100 Vorlagen vorhanden.

Interaktive HTML5 Slideshow

Wie die derzeit verwendete Flash Slideshow auf Webseiten können Sie auch HTML5 Slideshow, ohne irgendetwas zu installieren, erstellen. Zürich müssen Sie dabei Codecs nicht selbst entwickeln. Hierbei verwenden wir eine weit verbreitete HTML5 Slideshow als Beispiel um Ihnen zu veranschaulichen, wie man eine HTML5 Slideshow einbindet.

1. Platz die Dateien richtig

Wenn Sie eine HTML5 Projekt Datei herunterladen und packen Sie die Datei auf dem Computer und laden Sie diese auf Ihre Website.

html5 slideshow

Es gibt noch andere Leute, die ihre HTML5 Slideshow Projekt Datei online stellen. Verwenden Sie Google und passen Sie diese an. Es ist besser, Copyrightvermerke von der Arbeit anderer einzufügen, oder den Lizenzvereinbarungen zu folgen.

2. Code an Ihre Bedürfnisse anpassen

Normalerweise müssen Sie keinen css und js Code ändern, außer den Link wenn sie in anderen Ordnern liegen. Zum Beispiel sollten Sie den css Datei Link auf „scripts/script.js“ anpassen. Wenn Sie die script.js Datei in den Ordner „Scripts“ verschoben haben sollten Sie etwas wie „/scripts/script.js“ verwenden. Verwenden Sie besser absolute Links wenn sie sich nicht mit den Unterschieden auskennen.

Der wichtigste Teil von HTML5 Slideshow aus ist in der roten Box dargestellt. Kopieren Sie diesen Code auf sämtliche gewünschte HTML5 Slideshow und ändern Sie die Bildadressen wie unten beschrieben.

html5 slideshow code
Zum Vergrößern klicken.

3. Vorschau mit HTML5 Browsern

Letztlich betrachten Sie, wie die HTML5 Slideshow in Ihrem Browser aussieht. Normalerweise sehen Sie diese HTML5 Slideshow. Auf der Seite sollten Sie außerdem HTML5 Slideshow Datei herunterladen und lesen Sie die detaillierte Beschreibung nehmen Sie aufbereitet von Martin Angelov.

Betrachte auch Flash Slideshow Vorlagen um Website Slideshow in Klicks zu machen.

Download Win Version Download Mac Version

Vielleicht brauchen Sie noch

DVD Slideshow Builder HD-Video Deluxe

DVD Slideshow Builder HD-Video Deluxe

Hollywood Style für Ihre Digitalfotos und Home-Movies! Erstellen Sie atemberaubende Diashows und professionelle DVDs.

WARUM WONDERSHARE

100 % SICHER
Risikofreier und durchdachter Service garantiert

10+

JAHRE ERFAHRUNG

PROFESSIONELL
Langjährige Erfahrung, erfahrenes Personal und garantierte Qualität
231

LÄNDER WELTWEIT

ANERKANNT
Autorisiert von den führenden Medien und von Nutzern überall auf der Welt
50 000 000+

LOYALE NUTZER

Top