Hvordan lage en Internett-Slide Show

Lysbildefremvisninger er egentlig en samling av bilder som vises én om gangen. Bildene sakte overgang til andre bilder, slik at vi kan se et bredt utvalg av bilder, den ene etter den andre. Du kan legge til ditt eget bilde slideshow på nettstedet ditt ved hjelp av en enkel java-basert kode. Lysbildefremvisningen kode har tre deler: pre-lasting kode, hovedbildet kode og Java-kode som overganger gjennom bildene i en jevn hastighet. For å lage en lysbildeserie for bruk på nettstedet ditt, må du ha en grunnleggende kunnskap om html.

Bruksanvisning

1 Finn bildene du vil bruke i lysbildeserien og laste dem opp til ditt nettsted. Du kan bruke så mange bilder du vil skal vises i show --- du bare trenger å inneholde mer enn to for at det skal fungere.

2 Preload bildene for lysbildeserien ved å oppdatere HTML-koden på siden der du vil ha lysbildefremvisningen. Du må lime inn følgende kode inn i kroppen din HTML:

<Head>

<Script type = "text / javascript">

<! -

Var image1 = new Image ()

image1.parts i koden ved å sette nettadressene til bildene for lysbildeserien.

3 Lim inn følgende kode i HTML-siden, for å vise det første bildet for en lysbildeserie:

<Body>

<Img name = "slide" width = 100 height = 56>

</ Body>

Sett på "Image her" delen av koden med nettadressen til det første bildet.

4 Lim inn følgende kode under bildet koden du nettopp satt inn:

<Script type = "text / javascript">

<! -

// Variabel som vil øke gjennom bildene

Var trinn = 1

funksjon SlideIT () {

// Om nettleseren støtter ikke bildeobjekt, exit.

if (! document.images)

komme tilbake

document.images.slide.src = eval ( "image" + trinn + ". src»)

if (trinn <3)

trinn ++

ellers

trinn = 1

// Samtalefunksjonen "SlideIT ()" hvert 2,5 sekund

setTimeout ( "SlideIT ()", 2500)

}

SlideIT ()

// ->

</ Script>

Dette skriptet vil overgangen første bilde inn i et annet bilde hvert 2,5 sekunder. Bildene det viser, avhenger av bildene du noterte i første trinn.

5 Lagre endringer i HTML-siden, og laste den opp til webområdet ditt for å se lysbildefremvisning i aksjon.