Come codice di un banner a rotazione in HTML

January 2

Cambiare i banner su un sito web in grado di migliorare l'esperienza di un visitatore prestando varietà per il layout del sito. Nel caso di banner pubblicitari, ma può anche aumentare le entrate del tuo sito. Visualizzazione diversi banner ogni volta che la pagina viene visitata o aggiornata permette al webmaster di ottenere il massimo di spazio sullo schermo prezioso. Un certo numero di applicazioni di banner rotanti commerciali sono disponibili, ma non sono necessari se si inserisce poche righe di JavaScript nel codice HTML.

istruzione

1 Aprire il codice sorgente HTML della pagina in un editor HTML o testo.

2 Definire la variabile necessaria per ruotare i banner nella sezione HEAD del codice HTML. Questo esempio utilizza tre banner distinti:

<SCRIPT LANGUAGE = "JavaScript">

var MaxAds = 2

var AdNumber

var ThisAd = new Array ()

3 Assegnare valori a ciascuno dei membri di bandiera matrice. Questo codice appartiene anche nella sezione HEAD del codice HTML direttamente sotto le dichiarazioni di variabili:

ThisAd [0] = '<img width = "190" height = confine "40" = "0">'

ThisAd [1] = '<img width = "190" height = confine "40" = "0">'

ThisAd [2] = '<img width = "190" height = confine "40" = "0">'

</ Script>

4 Posizionare lo script che ruota i banner nella sezione body del codice HTML:

<SCRIPT LANGUAGE = "JavaScript">

AdNumber = Math.round (Math.random () * MaxAds)

document.write (ThisAd [AdNumber])

</ Script>

5 Salvare il file e chiudere l'editor.

Consigli e avvertenze

  • Nell'esempio, i file di banner grafici vengono inseriti nella stessa directory del file HTML per chiamare la pagina. Questi possono essere posizionati ovunque sul server specificando il percorso insieme al nome del file.
  • La variabile è dichiarata come MaxAds 2 per dare un massimo di 3 membri di matrice da serie contando sempre inizia con 0 invece di 1.