Com fer una presentació de diapositives de Javascript Simple

JavaScript, també conegut com js, és un llenguatge de scripting web utilitza per operar els elements DOM (Document Object Model). És una tecnologia multi-plataforma per interactuar amb objectes en HTML. Per accedir a diversos diferents objectes en HTML, fins i tot es podria compte un slideshow de Javascript simple amb codi Javascript pur.

Aquest article li donarà un senzill exemple de slideshow de Javascript així que vostè pot afegir un slideshow d'imatge al seu lloc web. Vostè pot controlar què i com moltes imatges per ser inclosos, així com la velocitat de la presentació de diapositives. La única atenuació de transició s'utilitza per a la presentació de diapositives de Javascript. Per obtenir més controls sobre els slideshows d'imatge, com més efectes de transició, títols de diapositives, enllaç d'imatge, etc., es recomana utilitzar més potent slideshow fabricant com Flash galeria la fàbrica, que immediatament afegeix cridaners espectacles al seu lloc web.

També es podria convertir en un programador Javascript avançat a ampliar codis javascript per una millor presentació de diapositives de javascript, Javascript curs en W3C.com d'aprenentatge. Ara veure com configurar un slideshow de Javascript simple pas a pas.

1 començar d'exemple de codi JS slideshow

No hi ha cap necessitat d'escriure el codi de Javascript slideshow des de zero. Aquí és un exemple de slideshow de Javascript (1KB, cremallera). Descarregui i extregui a l'ordinador. Nosaltres simplement modificarà per satisfer les seves necessitats. Aconseguirà un únic fitxer javascript-presentació-example.html.

2 canviar el nom d'imatge, camí d'imatge, js slideshow velocitat

Obri'l amb el seu editor de text favorit i canviar-lo segons les notes incloses en el fitxer.

• Per canviar de diapositiva durada, aneu a slideShowspeed paràmetre.
• Per afegir més imatges, només copiar i enganxar Pic [0] = '1.jpg' línia i canvia la matriu nombre i imatge nom d'arxiu corresponentment. Si la imatge es col loquen en una carpeta, per exemple, imatges, utilitzar el camí relacionat com Pic [0] = "images/1.jpg". També podria utilitzar adreça absoluta imatge aquí.

Presentació de diapositives 3 inserir Javascript a la seva pàgina web

Ara obriu la pàgina web que voleu incrustar un slideshow de Javascript. Copiï i enganxi l'etiqueta tot < escriptura > al lloc entre < responsable > i < / cap >. Després de deixar la pàgina per iniciar el seu Javascript slideshow quan es carreguen afegint onLoad="javaSlideShow()" atribuir a l'etiqueta < cos >. Finalment, fer el Javascript apareix en la posició correcta de la pàgina. Per fer això, només cal posar el codi entre < Taula > i < / Taula > Etiquetes per on hauria de ser.

4 guardar i presentar Javascript slideshow

OK, deseu-lo i presentar. Si tot va bé, es pot veure un slideshow Javascript com aquesta.