Hvernig á að gera HTML5 Slideshow

HTML5, sem næsta kynslóð vefur staðall, er handan við hornið. Vilt þú bæta HTML5 stuðning á vefsvæðið þitt? Kannski er kominn tími að minnsta kosti til að undirbúa. Þessi grein mun sýna þér 2 leiðir til að gera HTML5 myndasýningu og embed á vefsvæðið þitt.

Self-hlaupandi HTML5 Slideshow

Einn af stærstu uppfærslu HTML5 er að þú getur beint embed og spila myndskeið á netinu með því að nota. This vegur, gestir geta horft á HTML5 myndasýningu svo lengi sem vafrinn þeirra styður HTML5. No Flash player krafist. Þar sem HTML5 hefur ekki komið til endanlegri útgáfu, vídeó merkjamál gæti líklega notað webm, H264, ÖGV eða bæði.

Hér er hvernig þú getur embed HTML5 myndasýningu vídeó:

<video plakat = "movie.jpg" stjórnar> 
    <uppspretta src = "movie.webm 'tegund =" vídeó / webm; merkjamál = "vp8.0, Vorbis" '/> 
    <uppspretta src = "movie.ogv' type = 'video / OGG; merkjamál = "Theora, Vorbis" '/> 
    <uppspretta src = "movie.mp4' type = 'video / mp4; merkjamál = "avc1.4D401E, mp4a.40.2" '/>
</ video>

Ef þú getur séð vídeó hér að neðan, vefur flettitæki styðja HTML5 líka. Nú á dögum, styðja flestir vafrar HTML5 myndasýningu þegar. Sjá frekari upplýsingar um HTML5 vafra.

HTML5 myndasýningu video búin með DVD Slideshow Builder Deluxe - Meira en 100 umbreytingum með.

Nú er það sem þú þarft aðeins HTML5 Slideshow hugbúnaður og búa myndasýningu vídeó í MP4 (AVC) sniði.

Interactive HTML5 Slideshow

Eins og nú er notuð Flash Slideshow websites, getur þú einnig hanna HTML5 myndasýningu án setja neitt. Auðvitað, þú þarft ekki að skrifa merkjamál sjálfur. Hér við taka víða sameiginlegt HTML5 myndasýningu netinu til dæmis til að sýna þér hvernig á að embed HTML5 myndasýningu.

1. Settu skrár á réttum stað.

Þegar þú sótt HTML5 verkefnið skrá hér, renna niður skrá á tölvunni þinni, og færa eða hlaða í möppuna á vefsvæðið þitt.

Það eru líka aðrir til að deila HTML5 myndasýningu verkefni á netinu. Google fyrir einn og breytingar sem henta þínum þörfum. Það er betra að setja höfundarrétt að þakka vinnu annara, eða fylgja leyfi yfirlýsingar.

2. Breyta lykli til föt þinn af nauðsyn

Venjulega, þú þarft ekki að breyta kóða CSS og JS skrár, nema hlekkur heimilisfang ef þú hefur sett þá í aðra möppu. Til dæmis, þá ættir þú að breyta CSS skrá hlekkur heimilisfang til "Scripts / script.js 'ef þú hefur flutt script.js skrá inn núverandi möppu sem heitir' forskriftir". Þessi tegund af hlekkur heimilisfang heitir afstæða tenging, á meðan annar tegund er fastur tengill, svo sem http://yoursite.com/scripts/script.js. Ef HTML5 Slideshow er embed á síðu í möppu, ættir þú að nota eitthvað eins og "../scripts/script.js". Þú vilt betri nota algera tengilinn ef þú ert ekki kunnuglegur með mismunandi.

Mikilvægasti hluti af þessum HTML5 myndasýningu er merkt í rauðum kassa. Afrita þessum númerum í hvaða síðu þú vilt HTML5 myndasýning til að sýna og breyta mynd Heimilisfang eins og lýst er hér að ofan.

Smelltu til að stækka.

3. Preview með HTML5 vafra

Loks sjá hvernig HTML5 myndasýningu lítur út í HTML5 vafranum þínum. Venjulega, þú vilja fá  þessa HTML5 myndasýningu.  Á síðunni gætir þú líka sótt HTML5 myndasýningu skrár og sjá nákvæma ferli að hanna það með Martin Angelov.

Einnig skrá sig út Flash Slideshow sniðmát til að gera vefsíðu slideshows í smelli.