Hvordan lage en enkel Javascript lysbildeserie

JavaScript, også kjent som js, er en web-skriptspråk brukes til å drive DOM (Document Object Model) elementer. Det er en kryssplattform-teknologi for å samhandle med objekter i HTML. Tilgang til ulike ulike objekter i HTML, kan du også realisere en enkel Javascript lysbildeserie med ren Javascript-kode.

Denne artikkelen gir deg en enkel Javascript lysbildeserie eksempel slik at du kan legge et bilde lysbildeserie på webområdet. Du kan kontrollere hva og hvor mange bilder skal inkluderes, samt visningshastigheten. Bare visne overgangseffekten brukes til Javascript lysbildeserie. For å få mer kontroll over bildet lysbildeserier, som flere overgangseffekter, lysbildeserie titler, bildehyperkobling, etc., anbefales å bruke kraftigere slideshow maker som Flash-galleriet fabrikk, som umiddelbart legger iøynefallende viser til webområdet ditt.

Du kan også bli en avansert Javascript programmerer å forlenge javascript-koder for en bedre javascript lysbildeserie ved å lære Javascript kurs på W3C.com. Nå se hvordan du setter opp en enkel Javascript lysbildeserie trinnvis.

1 komme i gang fra JS slideshow kodeeksempel

Det er ikke nødvendig å skrive Javascript lysbildeserie koden fra bunnen. Her er et Javascript lysbildeserie eksempel (1 kb, zip). Last ned og pakk ut til datamaskinen. Vi vil bare endre den etter behov. Her får du en enkelt javascript-slideshow-example.html-fil.

2 endre bildenavnet, bildebanen, js visningshastigheten

Åpne den med din favoritt teksteditor og endre det ifølge notatene inkludert i filen.

• Du kan endre varighet for bildepresentasjon, gå til slideShowspeed parameter.
• For å legge til flere bilder, bare kopiere og lime inn bilde [0] = '1.jpg' linje, og endre matrise tall og image navnet tilsvarende. Hvis bildet er plassert i en mappe, for eksempel bilder, bruke relaterte banen som Pic [0] = 'images/1.jpg'. Du kan også bruke absolutte bilde adresse her.

3 bygge inn Javascript lysbildeserie på websiden

Nå åpne websiden du vil bygge inn en Javascript lysbildeserie. Kopier og lim inn hele < script >-koden til stedet mellom < head > og < / hode >. La siden for å starte Javascript lysbildeserie når siden lastes ved å legge onLoad="javaSlideShow()" attributt til < body >-koden. Til slutt, gjør Javascript vises på høyre plassering på siden. For å gjøre så, bare sette koden mellom < Tabell > og < / Tabell > koder til der den skal være.

4 lagrer og forhåndsviser Javascript lysbildeserie

OK, lagre den og forhåndsvise. Hvis alt går rett, kan du se en Javascript lysbildeserie som dette.