Come utilizzare un JW Immagine Rotator

January 23

Creare presentazioni accattivanti e banner pubblicitari che utilizzano il programma di immagine Rotator JW da LongTail video. Questo lettore basato su Flash che si libera dal compito di programmare il proprio software di presentazione JavaScript o Flash. Non è necessario essere uno sviluppatore Web per aggiungere il JW immagine Rotator al tuo sito web: Basta impostare una playlist, dire al programma dove le immagini sono, caricare i file sul server Web e godersi lo spettacolo.

istruzione

Scarica il file

1 Visita il sito LongTail Video (vedi Risorse) e clicca su "scaricare l'immagine dei rotatori." Windows scaricare il file zip.

2 Aprire Esplora risorse e individuare il file scaricato. Fare clic sul file per evidenziarlo e fare clic su "estrarre tutti i file."

3 Fai clic su "Sfoglia" e selezionare la cartella in cui si desidera estrarre i file. Fai clic su "OK" e poi "Extract". Windows creare una sottocartella denominata "Imagerotator" nella cartella selezionata. Fare doppio clic sulla cartella "Imagerotator" per aprirlo. La cartella contiene il giocatore ( "imagerotator.swf") e un file XML denominato "madrid.xml."

Aggiornare il XML

4 Right-click "madrid.xml" e selezionare "Apri con". Selezionare "Blocco note". Il file verrà aperto nel blocco note. Qui di seguito sono due blocchi "track" nel file XML:

<Binario>

<Title> Grass by Night </ title>

<Creatore> Jeroen Wijering </ creatore>

<Location> madrid1.jpg </ location>

<Informazioni> http: //www.jeroenwijering.com&lt; / info>

</ Pista>

<Binario>

<Title> Al Sidewalk </ title>

<Creatore> Jeroen Wijering </ creatore>

<Location> madrid2.jpg </ location>

<Informazioni> http: //www.jeroenwijering.com&lt; / info>

</ Pista>

Ogni blocco pista descrive una traccia. JW Immagine Rotator assegna ogni immagine ad una "pista". In questo esempio, il titolo della prima traccia è "Erba by Night", il creatore è "Jeroen Wijering," la posizione del file di immagine viene "madrid1.jpg" e un <informazioni> collegamento è "http opzionale: // www.jeroenwijering.com. "

5 Sostituire i valori traccia nel file XML con i titoli propri, creatori e posizioni. Lascia <informazioni> vuoto se non avete bisogno di un link d'immagine. Il <informazioni> link porta i visitatori del sito all'URL indicato nella <informazioni> tag quando si fa clic sul collegamento.

6 Premere il tasto "CTRL + S" per salvare il file XML.

Aggiornare il codice HTML

7 Aprire il Blocco note e aggiungere il seguente testo:

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

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Title> Prova Rotator </ title>

</ Head>

<Body>

<Object classid = 'clsid: D27CDB6E-AE6D-11cf-96B8-444553540000' width = '400' height = '400' nome id = 'JWplayer' = 'JWplayer'>

<Param name = valore 'film' = 'imagerotator.swf'>

<Param name = valore 'allowFullScreen' = 'true'>

<Param name = 'allowscriptaccess' value = 'sempre'>

<Valore param name = "flashvars '=' file = madrid.xml '>

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

allowscriptaccess='always'

allowfullscreen = 'true'>

<Embed />

</ Object>

</ Body>

</ Html>

Questo codice incorpora il giocatore JW. Notare il nome "madrid.xml" nel codice. Questo fa riferimento al file XML che contiene le tracce. Modificare la larghezza e l'altezza del giocatore modificando tali valori. In questo esempio, il giocatore è largo 400 pixel e alto 400 pixel.

8 Fai clic su "File" e selezionare "Salva con nome" per aprire la "Salva con nome" finestra.

9 Passare a "Imagerotator", che contiene i file zip estratti. Digitare "Test JW.html" (senza le virgolette) e fare clic su "Salva". Blocco note salvare il file come un documento HTML.

Testare il Player

10 Fare doppio clic sul file "Test JW.html" che si è creato nella cartella "Imagerotator". Si aprirà come una pagina Web nel browser. Il JW Immagine Rotator apparirà e ruotare le immagini.

11 Muovi il mouse sopra il giocatore. appariranno Il titolo e creatore dell'immagine corrente.

12 Fare doppio clic su un'immagine. Se è stato aggiunto un URL al <informazioni> tag del file XML, il browser vi porterà a tale URL.

13 Carica tutti i file sul server Web per rendere la pagina web visibile su Internet.

Consigli e avvertenze

  • Quando si crea la propria pagina Web, incollare il <object> isolato da questo esempio, nella sezione <body> del file HTML. Aggiungere il numero di <pista> blocchi come è necessario il file XML. Il JW Immagine Rotator ha più di 20 parametri configurabili che consentono di ottimizzare il suo aspetto e il comportamento (vedi Risorse).