Minden téma

+

Hogyan készítsünk egy HTML5 Slideshow

HTML5, mint a következő generációs webes szabvány, a sarkon. Akkor add HTML5 támogatás a honlapon? Talán itt az ideje, legalább felkészülni. Ez a cikk megmutatja, 2 módon, hogy a HTML5 diák, és embed a honlapon.

Önműködő HTML5 Slideshow

Az egyik legnagyobb frissítés a HTML5, hogy közvetlenül beágyazni és videókat online segítségével. Így a látogatók nézni a HTML5 diavetítés, amíg a böngésző támogatja a HTML5. Nincs Flash player szükséges. Mivel a HTML5 még nem járt a végleges változat, video codec valószínűleg használni WebM, H264, ÖGV vagy mindkettő.

Itt van, hogyan lehet beágyazni egy HTML5 video slideshow:

<video plakát = "movie.jpg" szabályozza> 
    <source src = "movie.webm" type = "video / WebM; kodekek = "vp8.0, Vorbis" "/> 
    <source src =" movie.ogv "type =" video / ogg; kodekek = "Theora, Vorbis" "/> 
    <source src =" movie.mp4 "type =" video / mp4; kodekek = "avc1.4D401E, mp4a.40.2" "/>
</ video>

Ha látja az alábbi videót, a web-böngésző támogatja a HTML5 is. Manapság a legtöbb böngésző támogatja a HTML5 diavetítés már. Lásd bővebben HTML5 böngészők.

HTML5 video slideshow létrehozott DVD Slideshow Builder Deluxe - Több mint 100 átmenetet tartalmaz.

Most, amire szüksége van csak egy HTML5 slideshow szoftver és diavetítés videót MP4 (AVC) formátumban.

Download Win Version

Interaktív HTML5 Slideshow

Mint a jelenleg használt flash slideshow honlapokon, akkor is tervezhet egy HTML5 diavetítés nélkül telepíteni semmit. Persze, nem kell, hogy írjon codec magát. Itt vesszük a széles körben osztott HTML5 slideshow internetes például, hogy mutassa meg, hogyan kell beágyazni egy HTML5 diavetítés.

1. Helyezze a fájlokat a megfelelő helyre.

Ha letöltötte a HTML5 projekt fájlt innen, csomagold ki a fájlt a számítógépre, és mozgassa, vagy feltölteni a mappát az Ön honlapján.

html5 slideshow

Vannak még más emberek megosszák HTML5 diavetítés projekt az interneten. A Google egy és a változás, hogy megfeleljen az Ön igényeinek. Még mindig jobb, hogy szerzői jogi nyilatkozat megköszönni mások munkáját, vagy kövesse az engedély nyilatkozatok.

2. Kód módosítása igényeid

Általában, akkor nem kell változtatni a kódot a css és js fájlokat, kivéve a link címét, ha azokat egy másik mappába. Például, meg kell változtatni a css fájl link címét a "szkripteket / script.js" ha eltolta script.js fájlt egy meglévő mappát nevű "szkripteket". Ez a fajta kapcsolat címét az úgynevezett relatív hivatkozás, míg a másik típus az abszolút hivatkozás, mint például http://yoursite.com/scripts/script.js. Ha a HTML5 diavetítés embed hogy egy oldal egy mappát, akkor érdemes használni valami hasonló "../scripts/script.js". Jobb lenne, ha használja abszolút hivatkozás, ha nem ismeri a különbséget.

A legfontosabb része a HTML5 slideshow van jelölve a piros doboz. Másolni ezeket a kódokat bármely kívánt oldal HTML5 diavetítés megjelenítéséhez és módosításához a kép címe, mint a fent leírt.

html5 slideshow code
Kattintson a nagyításhoz.

3. Preview HTML5 böngészők

Végül, látom, hogy a HTML5 diavetítés néz ki, mint a HTML5 böngésző. Normális esetben, ha kap  ez a HTML5 diavetítés.  Azon az oldalon, akkor is letölthető HTML5 diafájlok és nézze meg a részletes folyamat megtervezése, hogy Martin Angelov.

Szintén nézd meg a Flash slideshow sablonok, hogy a honlapon diavetítések kattintással.

A termékkel kapcsolatos kérdésekre? Beszéljen közvetlenül Ügyfélszolgálati munkatársaink >>

Top