Cum sa faci un simplu Javascript Slideshow

JavaScript, de asemenea, cunoscut sub numele de js, este un limbaj de scripting web folosite pentru a opera elementele DOM (Document Object Model). Este o tehnologie multiplatformă să interacţioneze cu obiecte în HTML. Prin accesarea diverselor obiecte diferite în HTML, ar putea realiza chiar şi un simplu Javascript slideshow cu pură cod Javascript.

Acest articol vă va da un simplu exemplu Javascript slideshow astfel încât să puteţi adăuga o prezentare de diapozitive imagine site-ul dumneavoastră. Puteţi controla ceea ce şi cât de multe imagini pentru a fi incluse, precum şi viteza slideshow. Numai Fade efect de tranziţie este folosit pentru prezentarea Javascript. Pentru a obţine mai multe controale peste imagine slideshow-uri, cum ar fi mai multe efecte de tranziţie, slideshow titluri, imagine hyperlink-ul, etc, vă sunt recomandate pentru a folosi mai puternic prezentare maker ca Flash Galerie Factory, care adaugă imediat prezinta ochi-prinderea site-ul dvs.

Ai putea deveni, de asemenea, un programator Javascript avansate pentru a extinde javascript coduri pentru o mai bună javascript slideshow de învăţare Javascript curs pe W3C.com. Acum se vedea cum să înfiinţeze un slideshow Javascript simplu pas cu pas.

1 începe din exemplul de cod JS prezentare de diapozitive

Nu este nevoie pentru a scrie cod de slideshow Javascript la zero. Aici este un exemplu de slideshow Javascript (1 kb, zip). Descărcaţi şi extras la computer. Noi va modifica pur şi simplu pentru a se potrivi nevoilor dumneavoastră. Vei primi un singur fişier javascript-slideshow-exemplu.html.

2 schimba numele imaginii, imagine cale, viteza de prezentare js

Deschideţi-l cu editorul de texte favorit şi schimbaţi-l în funcţie de notele explicative incluse în fişierul.

• Pentru a modifica durata diapozitivului, du-te la parametrul slideShowspeed .
• Pentru a adăuga mai multe imagini, doar copiaţi şi lipiţi Pic [0] = '1.jpg' linie, şi schimba matrice numărul şi ce nume de fişier corespunzător. În cazul în care imaginea ta sunt plasate într-un folder, ex. imagini, utilizaţi calea legate ca Pic [0] = 'images/1.jpg'. Ai putea folosi, de asemenea, imaginea absolută adresa aici.

3 embed Javascript slideshow la pagina web

Acum deschideţi pagina web care doriţi să încorporaţi un Javascript slideshow. Copiaţi şi lipiţi întregul < script > tag-ul la loc între < head > şi < / cap >. Apoi să pagina pentru a porni slideshow-ul Javascript atunci când pagina este încărcată prin adăugarea onLoad="javaSlideShow()" atribut pentru tag-ul < body >. În sfârşit, face Javascript apar la poziţia corectă a paginii. Pentru aceasta, pune doar codul între < table > şi < / table > Tag-uri pentru a în cazul în care ar trebui să fie.

4 salva şi previzualiza Javascript slideshow

OK, salvaţi-l şi previzualizare. Dacă totul merge bine, puteţi vedea un slideshow Javascript ca aceasta.