Hvordan bruke en JW Bilde Rotator

February 27

Lag engasjerende lysbildeserier og bannerannonser ved hjelp av JW Bilde Rotator program med longtail Video. Denne Flash-baserte spilleren frigjør deg fra oppgaven med å programmere din egen Javascript eller Flash lysbildeserie programvare. Du trenger ikke å være en webutvikler til å legge JW Bilde Rotator til din nettside: Bare sette opp en spilleliste, fortelle programmet hvor bildene er, laste opp filer til webserveren og nyte showet.

Bruksanvisning

Last ned filer

1 Besøk Longtail Video nettsted (se Ressurser) og klikk "Last ned bilde Rotator." Windows vil laste ned zip-fil.

2 Åpne Windows Utforsker, og naviger til den nedlastede filen. Klikk på filen for å markere den, og klikk "Pakk ut alle filer".

3 Klikk "Bla gjennom" og velg mappen der du vil pakke ut filene. Klikk "OK" og deretter "Pakk ut". Windows vil opprette en undermappe kalt "Imagerotator" i mappen du velger. Dobbeltklikk på "Imagerotator" -mappen for å åpne den. Mappen inneholder spilleren ( "imagerotator.swf") og en XML-fil som heter "madrid.xml."

Oppdater XML

4 Høyreklikk på "madrid.xml" og velg "Åpne med." Velg "Notisblokk". Filen åpnes i Notepad. Nedenfor er to "spor" blokker i XML-filen:

<Spor>

<Title> Grass by Night </ title>

<Skaperen> Jeroen Wijering </ creator>

<Sted> madrid1.jpg </ plassering>

<Info> http: //www.jeroenwijering.com< / info>

</ Spor>

<Spor>

<Title> på fortauet </ title>

<Skaperen> Jeroen Wijering </ creator>

<Sted> madrid2.jpg </ plassering>

<Info> http: //www.jeroenwijering.com< / info>

</ Spor>

Hvert spor blokk beskriver ett spor. JW Bilde Rotator tildeler hvert bilde til et "spor". I dette eksempelet tittelen på det første sporet er "Grass by Night," skaperen er "Jeroen Wijering," plasseringen av bildefilen er "madrid1.jpg" og en valgfri <info> linken er "http: // www.jeroenwijering.com. "

5 Bytt spor verdiene i XML-filen med dine egne titler, skapere og steder. La <info> tomt hvis du ikke har behov for en bildelink. Den <info> linken tar besøkende til nettadressen som er oppført i <info> tag når de klikker på linken.

6 Trykk "CTRL + S" for å lagre XML-filen.

Oppdatere HTML

7 Åpne Notisblokk og legge til følgende tekst:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Head>

<Title> Test Rotator </ title>

</ Head>

<Body>

<Embed id = 'JWplayer2' name = 'JWplayer2' src = 'imagerotator.swf' width = "400" height = "400" FlashVars = "file = madrid.xml"

allowscriptaccess='always'

allowfullscreen = "true">

</ Object>

</ Body>

</ Html>

Denne koden bygger JW spiller. Merk deg navnet "madrid.xml" i koden. Dette refererer til XML-fil som inneholder spor. Endre bredden og høyden av spilleren ved å endre disse verdier. I dette eksemplet, er spilleren 400 bildeelementer bred og 400 piksler høy.

8 Klikk på "File" og velg "Lagre som" for å åpne "Lagre som" -vinduet.

9 Naviger til "Imagerotator", som inneholder de utpakkede zip-filer. Skriv "Test JW.html" (uten anførselstegn) og klikk "Lagre". Notisblokk vil lagre filen som et HTML-dokument.

Test Player

10 Dobbeltklikk på "Test JW.html" filen du opprettet i "Imagerotator" -mappen. Det vil åpne som en webside i nettleseren din. JW Bilde Rotator vises og rotere bildene dine.

11 Beveg musen over spilleren. Tittelen og skaperen av det aktuelle bildet vises.

12 Dobbeltklikk på et bilde. Hvis du har lagt til en URL til <info> tag av XML-fil, vil nettleseren du komme til en nettadresse.

1. 3 Last opp alle filene til webserveren for å gjøre websiden synlig på Internett.

Hint

Når du oppretter din egen webside, lime inn <object> kvartal fra dette eksempelet inn i <body> -delen av HTML-fil. Legg til så mange <spor> blokker som du må XML-filen. JW Bilde Rotator har mer enn 20 konfigurerbare parametere som lar deg finpusse sitt utseende og oppførsel (se Ressurser).