Hvordan lage en HTML5 Slideshow

HTML5, er som neste generasjon web standard, rundt hjørnet. Vil du legge til HTML5-støtte på webområdet? Kanskje er det tid minst til å forberede. Denne artikkelen vil vise deg 2 måter å gjøre HTML5 slideshow og legge til webområdet ditt.

Selvkjørende HTML5 Slideshow

En av de største oppgraderingen av HTML5 er at du direkte kan legge inn og spille av videoer på nettet med. På denne måten besøkende kan se HTML5 slideshow så lenge nettleseren støtter HTML5. Ingen Flash player kreves. Siden HTML5 ikke har kommet til sin final versjon, kan videokodeken trolig bruke WebM, H264, Ogv eller begge.

Her er hvordan du kan bygge inn en HTML5 slideshow video:

< video poster="movie.jpg" Kontroller >
< kilde src='movie.webm' type =' video/webm; kodeker = "vp8.0, vorbis" "/ >
< kilde src='movie.ogv' type =' video/ogg; kodeker = "teoretisk, vorbis" "/ >
< kilde src='movie.mp4' type =' video/mp4; kodeker = "avc1.4D401E, mp4a.40.2"'/ >
< / video >

Hvis du kan se videoen nedenfor, støtter din nettlesere HTML5, også. I dag, støtter de fleste lesere HTML5 slideshow allerede. Se mer om HTML5 nettlesere.

HTML5 slideshow video laget med DVD Slideshow Builder Deluxe - mer enn 100 overganger inkludert.

Nå hva du nød er bare en HTML5 slideshow software og lage lysbildeserie video i MP4 (AVC) -format.

Interaktiv HTML5 Slideshow

Som for øyeblikket brukes Flash lysbildeserien på nettsteder, kan du også utforme en HTML5 slideshow uten å installere noe. Selvfølgelig, trenger du ikke å skrive koden selv. Her tar vi en utbredt delt HTML5 slideshow online for eksempel for å vise deg hvordan å bygge en HTML5 slideshow.

1. sett filer på rett sted.

Når du har lastet ned filen HTML5 prosjektet fra her, pakke ut filen til datamaskinen, og flytte eller laste til mappen for webområdet.

Det finnes også andre folk å dele deres HTML5 slideshow-prosjektet på Internett. Google for én og endre etter behov. Det er bedre å sette opphavsrett for å takke andres arbeid, eller følg lisens uttalelser.

2. endre koden som passer dine behov

Vanligvis trenger du ikke å endre koden for css og js-filer, unntatt Lenkeadressen hvis du har satt dem i en annen mappe. For eksempel bør du endre css fil Koblingsadressen til 'scripts/script.js' Hvis du har flyttet script.js filen i en eksisterende mappe kalt "scripts". Denne typen Lenkeadressen kalles relativ kobling, mens en annen type er absolutt kobling, for eksempel http://yoursite.com/scripts/script.js. Hvis HTML5 slideshow er legge til en side i en mappe, bør du bruke noe sånt som ". /scripts/script.js'. Du bør nok bruke absolutt kobling hvis du ikke er kjent med forskjellene.

Den viktigste delen av denne HTML5 slideshow er merket i den røde boksen. Kopier disse kodene til en side du vil HTML5 slideshow til å vise og endre bildet adressen som beskrevet ovenfor.

Klikk for å forstørre.

3. forhåndsvise med HTML5 nettlesere

Til slutt, se hvordan HTML5 slideshow ser ut i nettleseren HTML5. Vanligvis vil du få denne HTML5 slideshow. På siden kan du også laste ned HTML5 slideshow-filer og se detaljert prosessen utforme det ved Martin Angelov.

Også sjekke ut Flash slideshow maler til å gjøre nettstedet lysbildeserier i klikk.