Il sito per imparare gratuitamente a fare pagine Web

JavaScript P1
















P1 - Serie di banner a rotazione.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name:
Website:

Descrizione: Questo script serve per visualizzare ad intervalli regolari (da voi prestabiliti) una serie di banner o immagini, alle quali è possibile associare un indirizzo URL cliccabile.

Lo si adopera di solito per fare pubblicità a più di uno sponsor senza per questo soffocare la propria pagina con innumerevoli banner.

Lo script è leggermente complesso e quindi potrebbe risultare di difficile comprensione per un principiante che dovesse apportare modifiche di adattabilità per le proprie esigenze.

A questo proposito trovate all'interno dello stesso script i vari commenti che servono da istruzioni per meglio facilitare questa operazione.


Script :
Selezionare tutto il codice cliccando sulla forbice, quindi posizionandovi sul testo evidenziato adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

seleziona tutto


Html :
Una volta inserito lo script nella parte Head non rimane che attivarlo aggiungendo l'evento: onLoad al tag body; in questo modo:

seleziona tutto


Html : Non è ancora finita, adesso bisogna inserire anche il codice html nel punto esatto della pagina web dove dovranno essere visualizzati i banner in rotazione.

Ricordatevi che anche in questo caso dovrete sostituire: nome_immagine.gif con il nome reale del vostro primo banner. Questo sotto il codice:

seleziona tutto

Non resta che vedere qui sotto l'effetto, ho ridotto a 3 secondi il tempo di permanenza per non annoiarvi troppo durante l'attesa, i due banner sono cliccabili e portano a due links diversi, potete provarli e verificare voi stessi.



banner a rotazione

Mi sembra superfluo aggiungere che tutti i banner dovranno avere identiche dimensioni, riferito alle misure: altezza e larghezza.

Variante 1: apertura su una nuova finestra.
Nel caso in cui vogliate che il link venga aperto su una nuova finestra e non all'interno del vostro sito, dovrete sostituire il codice della funzione doIt() con quello sotto riportato, che serve per aprire una nuova finestra e passargli come parametro il link del banner selezionato.

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, al posto dell'altro codice che ha lo stesso identico nome.

seleziona tutto


Variante 2: apertura su uno specifico frame.
Nel caso in cui vogliate che il link venga aperto su un vostro frame specifico, dovrete sostituire il codice della funzione doIt() con quello sotto riportato, che serve per passare ad uno dei frames facenti parte della vostra struttura, il link del banner selezionato.

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, al posto dell'altro codice che ha lo stesso identico nome.

seleziona tutto

Dove NOME_DEL_FRAME dovrà essere ovviamente sostituito dal nome reale del frame sul quale visualizzare il link.



Valutazione

Valutazione: 2.63 stelle su 5
N. Voti: (64)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.