Come fare banner display in ordine casuale

February 10

Se si dispone di più di una bandiera che si desidera visualizzare sul tuo sito, è possibile utilizzare un po 'di codice HTML e un po' di Javascript per regolare la pagina HTML in modo che una diversa bandiera casuale appare ogni volta che la pagina viene aggiornata. Non è necessario essere un mago Javascript per utilizzare il codice sulla pagina, ma si ha bisogno di avere una generale familiarità con HTML e Javascript.

istruzione

1 Accedere al server Web.

2 Accedere alla pagina HTML che includerà i banner a rotazione, e fare doppio clic per aprirlo.

3 Clicca sulla sezione della pagina in cui si desidera visualizzare i banner. Può essere qualsiasi punto della pagina tra i tag <body> e </ body> tag. Tutto il contenuto che appare su una pagina HTML cade tra questi tag.

4 Inserire il seguente codice:

<Div id = "my_banners">

<a href="&lt;img"> http://www.default_url.com "> & lt; img class =" banner_imgs "

alt = "image alt testo predefinito" /> </a>

</ Div>

<Script type = "text / javascript" class = \ "banner_imgs \" ";

the_HTML + = "alt = \" "+ my_imgs_alt [ran_num] +" \ "/> </a>";

the_div.innerHTML = the_HTML;

}

Mentre non è necessario sapere che tutto il codice Javascript nella rappresenta, è bene sapere che "var" è "l'abbreviazione di" variabile "e che" <a href "è il tag di apertura di un collegamento ipertestuale.

7 Modificare i percorsi dei file di immagine GIF - cioè, la posizione di un file come si trova quando sono immessi in una serie di cartelle - in "/

impostare gli URL di immagini /" per gli URL effettivo per i banner che ruotare. Questi URL sono immagini che si dovrebbe avere già caricato sul server Web.

8 Modificare gli URL in "/

Set immagine link URL /" per gli URL che si apriranno quando le immagini corrispondenti sono cliccato.

9 Modificare il testo alt - vale a dire, il testo che un utente potrebbe vedere quando ribaltamento l'immagine o il testo che un utente non vedente avrebbe sentito parlato - nella sezione

"testo alternativo / Set image /" al testo alternativo che si desidera visualizzare quando un banner corrispondente viene fatto scorrere sopra.

10 Salvare il file come "simage2.js."

11 Torna al tuo server e utilizzare gli strumenti del server per caricare il file .js sono stati salvati. Assicurarsi di caricarlo nella stessa directory in cui il file HTML della pagina che si sta modificando risiede.

12 Pubblicare la pagina HTML per salvare le modifiche e rendere la nuova pagina con il caso banner display dal vivo.