Hvordan lage en Java Script Slide Show

Hvordan lage en Java Script Slide Show


Venner og familie har tradisjonelt delt bilder med fotoalbum. Bedrifter også bruke MMS-kataloger og brosjyrer for å selge sine varer. Internett gir nå en praktisk måte å dele bilder til et globalt publikum. Lage en lysbildefremvisning av bilder sparer plass og gjør visning bildene enda mer praktisk. En Javascript tillater hvem som helst å lage en lysbildefremvisning. Lysbildefremvisning skaperen kan deretter laste showet til et nettsted og publisere sine bilder slik at hvem som helst i verden med en Internett-tilkobling kan se dem.

Bruksanvisning

1 Åpne HTML-side som skal vise lysbildefremvisningen. Lysbildefremvisning skaperen kan få tilgang til denne siden ved hjelp av "File Manager" hvis han har et webhotell med cPanel kontrollpanel. Logg inn og klikk på "File Manager" og finne filen i mappene til høyre. Klikk på "Rediger" for å få tilgang til HTML av websiden. Nettstedet eiere kan også bruke en hvilken som helst ekstern web-redaktør hvis de bruker en av disse for å lage og redigere nettsider.

2 Åpne et andre nettleservindu og logge deg på cPanel kontrollpanel. Logge på med to tilkoblinger lar deg holde filbehandling åpent mens du utfører flere oppgaver samtidig. Klikk på den samme mappen som har nettside for lysbildefremvisningen. Bruk "Last opp" linken for å finne bildene på datamaskinen. Dobbeltklikk på alle bildene som skal vises i lysbildefremvisningen. Bildefilene laste opp automatisk når du dobbeltklikker på dem. Nettstedet eiere som bruker FTP programvare for å laste opp filer kan også bruke den til å laste opp bildene.

3 Gå til siden på JavaScriptKit.com som inneholder koden, i referanser. Kopier den første koden delen og legg den i hodet delen av HTML-siden som skal vise lysbildefremvisningen. Hodet delen begynner med "<head>" tag og slutter med "</ head>" tag. Kopier og lim inn andre delen av koden i mellom body-kodene. Velg stedet der fremvisningen vises på siden. Kroppen delen starter med "<body>" tag og slutter med "</ body>" tag.

4 Endre bilde filnavnene i den andre delen av Javascript-kode. Sjekk mappen som inneholder bildene hvis du ikke er sikker på om navnene på bildefilene. Standardbildet navn som begynner på "food1.jpg" filnavn.

5 Endre standardnettadresser og fremvisningen hastighet. Denne koden gjør at betrakteren til å klikke på et bilde. Hver rotere bildet er en link som vil lede betrakteren til en valgt nettside når han klikker på bildet. Den første web-adresse i koden gjelder det første bildet. Bruk samme web-adresse for alle bildene hvis linke til bare én adresse. Endre rotasjonshastighet på lysbildefremvisningen der det står "slideshowspeed" i den andre delen av Javascript-kode.

6 Sjekk nettsiden i en nettleser for å forhåndsvise lysbildefremvisningen. Klikk på bildene og teste linkene. Gå tilbake til filbehandling og fil for å gjøre ønskede endringer eller korrigere eventuelle feil.

Hint

  • Bruk en langsom rotasjonshastighet hvis skape forskjellige linker for hvert bilde. Bildeserier som viser en produktlinje må rotere langsomt for å unngå å forvirre den potensielle kunden.
  • Hold alltid bildene i samme mappe som nettsiden som viser lysbildefremvisningen. Ellers vil koden ikke finne bildene eller vise dem i lysbildefremvisningen.