Carane Nggawe HTML5 Slideshow

HTML5, minangka standar web sabanjuré generasi, iku watara sudhut. Punapa panjenengan nambah support HTML5 kanggo website? Mungkin iku wektu paling kanggo nyiyapake. Artikel iki bakal nuduhake sampeyan 2 cara kanggo nggawe HTML5 slideshow lan embed kanggo website.

Poto-mlaku HTML5 Slideshow

Salah siji saka upgrade paling gedhe saka HTML5 iku sing bisa langsung nampilaké lan muter video online kanthi nggunakake. Kanthi cara iki, pengunjung bisa nonton slideshow HTML5 anggere browser ndhukung HTML5. Ora Flash player dibutuhake. Wiwit HTML5 wis ora teka kanggo versi final, video codec mbokmenawa bisa nggunakake webm, H264, Ogv utawa loro-lorone.

Punika carane bisa nampilaké lan slideshow video HTML5:

<Video poster = "movie.jpg" kontrol> 
    <sumber src = jinis 'movie.webm' = 'video / webm; codecs = "vp8.0, vorbis" '/> 
    <sumber src = '' jinis = 'movie.ogv video / ogg; codecs = "Theora, vorbis" '/> 
    <sumber src = '' jinis = 'movie.mp4 video / mp4; codecs = "avc1.4D401E, mp4a.40.2" '/>
</ video>

Yen sampeyan bisa ndeleng video ing ngisor iki, browser web ndhukung HTML5, banget. Saiki, paling browser ndhukung slideshow HTML5 wis. Waca rincian liyane babagan HTML5 browser.

HTML5 slideshow video digawe karo DVD Slideshow Builder Deluxe - Luwih saka 100 arepe klebu.

Saiki apa sing kudu mung HTML5 slideshow software lan nggawe slideshow video ing MP4 (AVC) format.

Interaktif HTML5 Slideshow

Kaya Flash slideshow saiki digunakake ing situs web, sampeyan uga bisa desain slideshow HTML5 tanpa nginstal apa-apa. Mesti wae, sampeyan ora duwe kanggo nulis codec dhewe. Kene kita njupuk slideshow HTML5 digunakake sambungan online contone kanggo nuduhake sampeyan carane kanggo nampilaké lan slideshow HTML5.

1. Sijine file ing Panggonan tengen.

Nalika sampeyan didownload file project HTML5 saka kene, Unzip file menyang komputer, lan mindhah utawa ngunggah menyang folder website.

Ana uga wong liya kanggo nuduhake slideshow project HTML5 sing online. Google siji lan owah-owahan sing cocog karo kabutuhan. Iku luwih apik kanggo nyelehake kabar hak cipta kanggo thank karya liya, utawa tindakake statements lisènsi.

2. Change kode sing cocog karo kabutuhan

Biasane, sampeyan ora perlu kanggo ngganti kode css lan JS file, kajaba alamat link yen sampeyan wis sijine wong ing folder beda. Contone, sampeyan kudu ngganti alamat file CSS link kanggo 'Tulisan / script.js' yen sampeyan wis dipindhah script.js ngajukake menyang folder ana disebut 'Tulisan'. Tipe iki alamat link diarani link relatif, nalika jinis punika link Absolute, kayata http://yoursite.com/scripts/script.js. Yen slideshow HTML5 wis nampilaké kaca ing folder, sampeyan kudu nggunakake kaya '../scripts/script.js'. Ngene luwih nggunakake link Absolute yen sampeyan ora menowo karo beda.

Bagéan sing paling penting saka slideshow HTML5 iki ditandhani ing kothak abang. Nyalin kode iki menyang kaca sing pengin slideshow HTML5 kanggo nampilake lan ngganti alamat gambar kaya kasebut ing ndhuwur.

Klik kanggo enlarge.

3. Preview karo HTML5 browser

Pamungkas, ndeleng carane slideshow HTML5 katon kaya ing browser HTML5 Panjenengan. Biasane, sampeyan bakal njaluk  slideshow HTML5 iki.  Ing kaca, sampeyan uga bisa download HTML5 file slideshow lan ndeleng proses rinci kanggo desain kanthi Martin Angelov.

Uga bisa mriksa metu slideshow Flash Cithakan kanggo nggawe gelaran website klik.