Amopage

Hvordan lage en Mini Lysbilde

- Views 1
Advertisement

Å gjøre en mini lysbildefremvisning kan være en effektiv måte å vise lysbilder av grafikk eller bilder på websiden uten å ta opp mye plass. Å lage en lysbildefremvisning på din webside, bør du ha en grunnleggende nivå av forståelse for HTML og Javascript koding. Men du trenger ikke å være en ekspert.

Bruksanvisning

Logg inn på din webserver.

Preload bildene du vil bruke i lysbildefremvisningen, slik at de er tildelt URLer på serveren. Prosessen du følge for å gjøre dette varierer sterkt avhengig av nettserverens verktøy. Vanligvis innebærer dette klikke en "Last opp" -knappen, deretter leser datamaskinen for bildene du vil laste opp. Etter å ha funnet hvert bilde, klikker du på en "Publiser" -knappen for å gjøre hvert bilde levende og gi den en filbane. Lagre disse filbaner til et sted der du enkelt kan få tilgang til dem.

Åpne HTML-siden som du ønsker å vise mini lysbildefremvisning.

Sett inn følgende kode på siden:

<Html>

<Head>

<Script type = "text / javascript">

<! -

Var image1 = new Image ()

image1.src = "firstimage.jpg"

Var image2 = new Image ()

image2.src = "secondimage.jpg"

Var image3 = new Image ()

image3.src = "thirdimage.jpg"

// ->

</ Script>

</ Head>

<Body>

<Img src = "firstimage.jpg" name = "slide" width = "100" height = "56" />

<Script>

<! -

// variabel som vil øke gjennom bildene

Var trinn = 1

funksjon SlideIT () {

// om nettleseren støtter ikke bildeobjektet, exit.

if (! document.images)

komme tilbake

document.images.slide.src = EVAL ( "image" + trinnet +. "src")

if (trinn <3)

trinn ++

ellers

trinn = 1

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

setTimeout ( "SlideIT ()", 2500)

}

SlideIT ()

// ->

</ Script>

</ Body>

</ Html>

Sett begge tilfeller av "firstimage.jpg" med filbanen til bildet du ønsker å vise først. Dette er den eneste bilde oppført i koden to ganger. De andre bildene er oppført en gang.

Erstatte "secondimage.jpg" og "thirdimage.jpg" forekomster med filbaner for de andre bildene du vil ha med i lysbildefremvisningen.

Hint

Hvis du vil legge til flere bilder i lysbildefremvisningen, sette inn følgende kode etter det siste bildet som er oppført i kode:

Var image4 = new Image ()

image4.src = "fourthimage.jpg"

Endre navnet på bildet til den riktige filen banen etter behov og følge denne prosessen for å legge til enda flere bilder til showet.

Tags

This article reproduced

Original address " http://www.amopage.com/hvordan-lage-en-mini-lysbilde/ "

相关文章!
  • Hvordan lage et iMovie lysbilde
    - 阅 0

    Hvordan lage et iMovie lysbilde. Hvis du er en Mac-bruker, kan du dele dine reiseopplevelser med andre, lage lysbildeserier eller organisere en presentasjon ved å opprette et iMovie lysbildeserie. Alt du trenger er litt kreativitet og et iPhoto-bibli

  • Hvordan lage tilpassede Mini sjokoladepapir Hvordan lage tilpassede Mini sjokoladepapir
    - 阅 6

    Personlig mini candy bar wrappers kan brukes som et salgsfremmende verktøy. Legg til din bedrift telefonnummer eller nettadresse. De kan også bli gitt bort som part favør. Vurder å opprette mini candy bar wrappers for en baby shower eller bryllup. In

  • Hvordan lage en mini-vindmølle som gjør Elektrisitet Hvordan lage en mini-vindmølle som gjør Elektrisitet
    - 阅 0

    Miljøvennlig energi kan produseres med vindmølleturbiner, men vindmøller ikke fungerer effektivt overalt. Du kan lage en mini-vindmølle som produserer et minimum av strøm når det er en stabil vind. Det gjør en fremragende vitenskap prosjektet og hjel