Para usar este Script que se divide en dos partes, el script entre las etiquetas <head> y </head> y la llamada javascript que se pone en cualquier elemento dentro de <body> y </body>
Primero pegamos este script antes de la etiqueta </head>
<script language="javascript" type="text/javascript">Aquí tenemos que notar que var max controla el número de banners, si tenemos var max=4 necesitamos el Cgnautabanner[4] y así sucesivamente
<!-- visita cgnauta.blogspot.com -->
var max=3;
var thisCgnautabanner=1;
var Cgnautabanner=new MakeCgnautabannerArray(max);
function MakeCgnautabannerArray(n)
{
this.length=n;
for (var i=1; i<=n;i++)
{
this[i]="";
}
return this;
}
Cgnautabanner[1]='<a href="vinculo1#"><img border="0" src="direccion_imagen_1.jpg" width="468" height="60" alt="descripcion1"\/><\/a>'; /*Cambia la imagen y el vinculo*/
Cgnautabanner[2]='<a href="vinculo2#"><img border="0" src="direccion_imagen_2.jpg" width="468" height="60" alt="descripcion2"\/><\/a>'; /*Cambia la imagen y el vinculo*/
Cgnautabanner[3]='<a href="vinculo3#"><img border="0" src="direccion_imagen_3.jpg" width="468" height="60" alt="descripcion3"\/><\/a>'; /*Cambia la imagen y el vinculo*/
function rand(n)
{
rnum=Math.floor(n*Math.random())+1;
return rnum;
}
function setCgnautabanner()
{
thisCgnautabanner=rand(max);
} </script>
En los Cgnautabanner[número]='codigo html' notarán que en el caso de los cierres con barra, aparecen como <\/a> o sea, una diagonal invertida \ y una diagonal /, de no hacerlo así el Javascript dará problemas para imprimir el resultado, pues / es un operador.
Para cambiar el código entre las apostrofes 'codigo' si fuera un div:
<div>texto <a title="" href="tuvinculo.com">vinculo<\/a><\/div>
Así podremos poner Texto en lugar de imágenes.
Ahora falta el script dentro de la tag <body> y </body>, mi recomendación es que la pongan en un div o una celda, el script hará el resto:
Ahora cada vez que cambien o actualicen la página cambiarán automáticamente del banner.
<script type="text/javascript" language="JavaScript">
<!--
setCgnautabanner();
document.write (Cgnautabanner[thisCgnautabanner]);
// -->
</script>
Comentarios y Consultas
Los mensajes serán revisados a veces. No te olvides que soy una persona, no se trata de faltar al respeto, todos tenemos opiniones, no hay que enojarse.
Puedes marcar Notificarme para recibir la notificación de la respuesta.
5 comentarios:
Gracias por el tutorial, pero me da un error:
ResponderBorrarNo se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The content of elements must consist of well-formed character data or markup.
He copiado los códigos tal y como los pusiste y cambié los links y las imágenes nada mas para probar a poner 2 banners, no se que falla.
En el caso de Blogger en el primer Script
ResponderBorrarAgrega
//<![CDATA[
después de la etiqueta <script language="javascript" type="text/javascript">
y agrega
//]]>
antes de </script>
o sea:
<script language="javascript" type="text/javascript">
//<![CDATA[
--Contenido del Script--
//]]>
</script>
El segundo Script debe ir en los artilugios, no lo metas directamente al código.
Hola, soy nuevo en esto de los foros.
ResponderBorrarEste script me ha funcionado muy bien. Muchas gracias por el aporte.
Tengo una pregunta. Si quiero que los banners se cambien cada 10 segundos sin cambiar la página, como lo hago?
Un saludo y felicidade sotra vez por el aporte
Pronto publicaré un tutorial al respecto
ResponderBorrarMe sirvió muy bien y es lo que estaba buscando.
ResponderBorrarGracias y saludos!