Cómo codificar un banner en rotación en HTML

El cambio de los banners en un sitio web puede mejorar la experiencia del visitante, prestando variedad a su diseño del sitio. En el caso de carteles publicitarios, sino que también puede aumentar los ingresos de su sitio. Viendo distintos banners cada vez que la página es visitada o se actualiza permite al webmaster para obtener el máximo rendimiento de valioso espacio en pantalla. Una serie de aplicaciones comerciales de banner rotativo están disponibles, pero no son necesarios si se inserta unas pocas líneas de JavaScript en su código HTML.

Instrucciones

1 Abrir el código fuente HTML de la página en un editor HTML o texto.

2 Definir la variable necesaria para hacer girar las banderas en la sección HEAD del código HTML. Este ejemplo utiliza tres banderas separadas:

<Script language = "JavaScript">

MaxAds var = 2

AdNumber var

var ThisAd = new Array ()

3 Asignar valores a cada uno de los miembros de la matriz bandera. Este código también pertenece a la sección HEAD de su código HTML directamente debajo de las declaraciones de variables:

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

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

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

</ Script>

4 Coloque el script que hace girar las banderas en la sección del cuerpo del código HTML:

<Script language = "JavaScript">

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

document.write (ThisAd [AdNumber])

</ Script>

5 Guarde el archivo y cierre el editor.

Consejos y advertencias

• En el ejemplo, los archivos de banners gráficos se colocan en el mismo directorio que el archivo HTML para llamar a la página. Estas pueden ubicarse en cualquier lugar en el servidor especificando la ruta junto con el nombre del archivo.
• La variable se declara como MaxAds 2 para dar un máximo de 3 miembros de la matriz ya matriz contando siempre comienza con 0 en vez de 1.