Foros del Web » Creando para Internet » Diseño web »

Rotar 9 banners en un mismo espacio.

Estas en el tema de Rotar 9 banners en un mismo espacio. en el foro de Diseño web en Foros del Web. Holaa todos. Necesito un codigo script que me haga lo siguiente : En un mismo espacio, que vaya mostrando un banner diferente cada 10 segundos, ...
  #1 (permalink)  
Antiguo 28/01/2008, 17:19
 
Fecha de Ingreso: noviembre-2005
Mensajes: 38
Antigüedad: 12 años
Puntos: 0
Rotar 9 banners en un mismo espacio.

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
  #2 (permalink)  
Antiguo 28/01/2008, 17:30
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: Rotar 9 banners en un mismo espacio.

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 );
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 29/01/2008, 01:01
 
Fecha de Ingreso: noviembre-2005
Mensajes: 38
Antigüedad: 12 años
Puntos: 0
Re: Rotar 9 banners en un mismo espacio.

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
  #4 (permalink)  
Antiguo 29/01/2008, 07:35
 
Fecha de Ingreso: noviembre-2005
Mensajes: 38
Antigüedad: 12 años
Puntos: 0
Re: Rotar 9 banners en un mismo espacio.

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 ?
  #5 (permalink)  
Antiguo 29/01/2008, 09:08
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 10 años
Puntos: 24
Re: Rotar 9 banners en un mismo espacio.

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.
__________________
Grupos de Música
Pop Music Stars
  #6 (permalink)  
Antiguo 29/01/2008, 11:49
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Rotar 9 banners en un mismo espacio.

InForo revisa esto: http://www.forosdelweb.com/f54/tutor...rs-web-434381/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:56.