Cambiar una imagen cada vez que se entra...

lhgera · #1 (**permalink**) 19/01/2005, 15:12

Estoy haciendo una pagina web sencilla y quisiera que los usuarios, cada ves que entran a mi homepage se cambie la imagen principal del mismo.

Vi uns scrip en este foro, pero no me funcionó, tenia mas elementos para poner banners y flash, yo solo quisiera cambiar simples imagenes.

Saludos y gracias por la ayuda.

caricatos · #2 (**permalink**) 19/01/2005, 15:16

Hola lhgera:

En este enlace hay algo que es parecido: http://www.forosdelweb.com/f13/imagen-aleatoria-164537/

Saludos

lhgera · #3 (**permalink**) 19/01/2005, 15:28

Muchas gracias caricatos por la rapida respuesta. Me parece que es un codigo muy sencillo y se que si funcionará, solo te pido un ultimo favor. Donde lo inserto? y que le puedo personalizar? Disculpa pero no se mucho de javascript. El siguiente es el codigo que tu sugeriste:

<script language=javascript>
var imagenes = ["img1.gif", img2.gif", img3.gif"];
function imagenIni() {
document.images.ini.src = imagenes[Math.floor(Math.random() * imagenes.length)];
}
</script>
<body onload=imagenIni()>
<img name=ini src="">
...
</body>

Saludos y gracias de nuevo

caricatos · #4 (**permalink**) 19/01/2005, 15:59

Hola otra vez:

Lo importante es que el script esté en el head, se inicialice en el evento onload del body y exista el tag img...

Una página completa y básica sería:

<html>
<head>
<script language=javascript>
var imagenes = ["img1.gif", img2.gif", img3.gif"];
function imagenIni() {
document.images.ini.src = imagenes[Math.floor(Math.random() * imagenes.length)];
}
</script>
</head>
<body onload=imagenIni()>
<img name=ini src="">
</body>
</html>

Tal como tengas el atributo name de la imagen tendrías que ponerlo en la función imagenIni()...

Pruébalo, y si no te funciona, no dudes en volver a consultar.

Saludos

lhgera · #5 (**permalink**) 20/01/2005, 14:04

Muchisimas gracias Caricatos, funciona de maravilla y es muy lijero el codigo. Eres grande.

saludos.

rakelurien · #6 (**permalink**) 24/10/2009, 16:28

Hola buenas.
solo comentarte si conoces algun metodo para lo siguiente:
quiero conseguir algo usando javascript.
mi idea es que en el index aparezcan tres imagenes diferentes en 3 celdas diferentes cada vez que se entra o se actualice la pagina.
el codigo es el siguiente:
...
</head>
<script>

rnd.today=new Date();
rnd.seed=rnd.today.getTime();
AImages=[
"foto1.jpg",
"foto2.jpg"
"foto3.jpg",
]
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};

function rand(number) {
var n=Math.ceil(rnd()*number);
document.getElementById("3d").src=AImages[n-1]
};

</script>

El apartado de la otra imagen seria lo mismo con su <script></script> correspondiente, pero cogiendo las imagenes de la carpeta que le corresponde y de la tercera imagen otro tanto con su <script > </script > correspondiente y sus imagenes.
luego en el body en la celda donde quiero aparecer la imagen pongo lo siguiente:
<td width="33%" align="center" valign="top"><img src="(nombre de la carpeta general donde esta las fotos)" id="(el nombre del getElementById) que le he dado arriba"></td>
cada una de las imagenes con su< td></td> en el body. Supongo que tendría que salir pero solo consigo que salga una de ellas y si pongo en comentario dos de ellas me sale la que no esta en comentario ¿podrías abrirme los ojos para ver donde fallo?
Gracias.