Creare presentazioni accattivanti e banner pubblicitari utilizzando il programma di JW Image Rotator da LongTail Video. Questo lettore Flash-based si libera dal compito di programmazione il proprio software di slideshow JavaScript o Flash. Non è necessario essere uno sviluppatore Web per aggiungere il JW Image Rotator al tuo sito Web: semplicemente impostare una playlist, dire al programma dove sono le immagini, caricare i file sul server Web e godetevi lo spettacolo.
Istruzioni
Scaricare i file
1
Visitare il sito di LongTail Video (Vedi risorse) e fare clic su "Scarica il rotatore immagine." Windows scaricherà il file zip.
2
Aprire Esplora risorse e individuare il file scaricato. Fare clic sul file per evidenziarlo e fare clic su "Estrai tutti i file".
3
Fare clic su "Sfoglia" e selezionare la cartella dove si desidera estrarre i file. Fare clic su "OK" e poi "Estrai". Windows creerà una sottocartella denominata "Imagerotator" nella cartella che si seleziona. Fare doppio clic sulla cartella "Imagerotator" per aprirlo. La cartella contiene il giocatore ("imagerotator.swf") e un file XML denominato "madrid.xml."
Aggiornare il codice XML
4
Destro del mouse su "madrid.xml" e seleziona "Apri con". Selezionare "Blocco note". Il file verrà aperto nel blocco note. Di seguito sono due "traccia" blocchi nel file XML:
< pista >
< title > erba di notte < / title >
< creator > Jeroen Wijering < / Creatore >
< posizione > madrid1.jpg < / località >
< info > http://www.jeroenwijering.com</info>
< / track >
< pista >
< title > At the Sidewalk < / title >
< creator > Jeroen Wijering < / Creatore >
< posizione > madrid2.jpg < / località >
< info > http://www.jeroenwijering.com</info>
< / track >
Ogni traccia blocco descrive una traccia. JW Image Rotator assegna ogni immagine in una "traccia". In questo esempio, il titolo del primo brano è "Erba di notte," il creatore è "Jeroen Wijering," la posizione del file di immagine è "madrid1.jpg" e un collegamento facoltativo < info > è "di http://www.jeroenwijering.com."
5
Sostituire i valori di traccia nel file XML con i propri titoli, creatori e posizioni. < Info > lasciare vuoto se non è necessario per il collegamento a un'immagine. Il link di < info > porta i visitatori del sito l'URL elencato nel tag < info > quando fanno clic sul collegamento.
6
Premere "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" "l'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "l'http://www.w3.org/1999/xhtml" >
< head >
< title > Test Rotator < / title >
< / head >
< corpo >
< oggetto classid ='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' larghezza = '400' height = '400' id = 'JWplayer' name = 'JWplayer' >
< param nome = 'film' value='imagerotator.swf'>
< param nome = valore 'allowfullscreen' = 'true' >
< param nome = valore 'allowscriptaccess' = 'sempre' >
< param nome = 'dei flashvars value='file=madrid.xml' >
< incorporare id = 'JWplayer2' nome = 'JWplayer2' src='imagerotator.swf' width = "400" height = '400' flashvars="file=madrid.xml"
allowscriptaccess='always'
allowfullscreen='true' >
< embed / >
< / oggetto >
< / body >
< / html >
Questo codice consente di incorporare il JW player. Nota il nome "madrid.xml" nel codice. Questo fa riferimento il file XML contenente le tracce. Modificare la larghezza e l'altezza del giocatore modificando tali valori. In questo esempio, il giocatore è di 400 pixel di larghezza e un'altezza di 400 pixel.
8
Fare clic su "File" e selezionare "Salva con nome" per aprire la finestra "Salva con nome".
9
Passare a "Imagerotator", che contiene i file estratti zip. Digitare "Test JW.html" (senza virgolette) e fare clic su "Salva". Blocco note verrà salvare il file come un documento HTML.
Prova il giocatore
10
Fare doppio clic il file "Test JW.html" che è stato creato nella cartella "Imagerotator". Si aprirà come una pagina Web nel browser. Il JW Image Rotator apparirà e ruotare le immagini.
11
Muovi il mouse sopra il giocatore. Verranno visualizzati il titolo e il creatore dell'immagine corrente.
12
Fare doppio clic su un'immagine. Se hai aggiunto un URL nel tag < info > del file XML, il browser vi porterà a quell'URL.
13
Caricare tutti i file al server Web per rendere visibile la pagina Web su Internet.
Consigli & Avvertenze
- Quando si crea la tua pagina Web, è possibile incollare il blocco < oggetto > da questo esempio nella sezione < body > del file HTML. Aggiungi come molti blocchi < pista > come è necessario il file XML. Il JW Image Rotator ha più di 20 parametri configurabili che consentono di modificare l'aspetto e il comportamento (Vedi risorse).