Rotar 9 banners en un mismo espacio.

InFoRo · #1 (**permalink**) 28/01/2008, 17:19

Holaa todos.

Necesito un codigo script que me haga lo siguiente :

En un mismo espacio, que vaya mostrando un banner diferente cada 10 segundos, PERO, que al refrescar con F5, no empieze por el mismo cada vez.

¿ Se puede hacer ?

Los banners son en .gif - .jpg

¿ Alguien me puede ayudar ?

GRacias

aloqui · #2 (**permalink**) 28/01/2008, 17:30

Lo puedes de varias formas, pero yo lo haría en javascript.
Puedes controlar el timeout con la funcion setTimeout()
Y el número aleatorio con el que empezar con Math.random()
Por ejemplo para obtener un numero entero aleatorio entre 0 y 9, sería: Math.floor( Math.random()*10 );

InFoRo · #3 (**permalink**) 29/01/2008, 01:01

gracias aloqui, pero desgraciadamente todo lo que me cuentas es imposible de entender para mi. Todos los codigos script que tengo en mi web, lo he copiado /pegado de algo que ya estaba hecho.

Muchas gracias de todos modos y a ver si alguien tiene un codigo ya creado y me lo puede explicar y pasar.

salu2

InFoRo · #4 (**permalink**) 29/01/2008, 07:35

He encontrado este codigo, que CASI me serviria, lo único es que cada vez refrescamos la pagina, me empieza por el pimer banner, y yo quisiera que fuera aleatorio para dar oportunidad a que se muesten todos:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Rotación de banners con Javascript</title>

<script>
//creo array de imágenes
array_imagen = new Array(4)
array_imagen[0] = new Image(120,41)
array_imagen[0].src = "1.gif"
array_imagen[1] = new Image(120,41)
array_imagen[1].src = "2.gif"
array_imagen[2] = new Image(120,41)
array_imagen[2].src = "3.gif"
array_imagen[3] = new Image(120,41)
array_imagen[3].src = "4.gif"

//creo el array de URLs
array_url = new Array(4)
array_url[0] = "http://www.1.com/"
array_url[1] = "http://www.2.net/"
array_url[2] = "http://www.3.net/"
array_url[3] = "http://www.4.es/"

//variable para llevar la cuenta de la imagen siguiente
contador = 2

//función para rotar el banner
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
window.document.links[0].href = array_url[contador]
contador ++
contador = contador % array_imagen.length
setTimeout("alternar_banner()",1000)
}
</script>
</head>

<body onload="alternar_banner()">

<a href="http://mi_dominio.com/"><img src="1.gif" name="banner" width=120 height=41 border=0></a>

</body>
</html>

¿ se podria hacer ?

aloqui · #5 (**permalink**) 29/01/2008, 09:08

Pues entonces lo único que tienes que hacer es
quitar la linea :

contador = 2;

y sustituirla por:

contador = Math.floor( Math.random()*4 );

He puesto 4 porque en el ejemplo sólo hay 4 imagenes.
Si quieres usar 10, pones:

contador = Math.floor( Math.random()*10 );

y tambien:

array_imagen = new Array(10);

Y utilizas los elementos del array del 0 al 9.

metacortex · #6 (**permalink**) 29/01/2008, 11:49

InForo revisa esto: http://www.forosdelweb.com/f54/tutor...rs-web-434381/