Imagen aleatoria en el logo...

gtatuning · #1 (**permalink**) 07/01/2005, 16:06

Hola estado buscando codigos para poder mostrar mi logo de la web aleatoriamente,osea que cada vez que cargue la pagina cargue con un logo diferente de los seis que tengo,alguien me puede decir que codigo me puede servir estado probando por ejemplo el siguiente pero me parece no me sirve,gracias...

<html>
<head>
<title>
4 imágenes sin repetir
</title>
<script>
var imagenes = [
"http://www.sucaricatura.com/2002/maxi/2002H001.jpg",
"http://www.sucaricatura.com/2002/mini/2002H002.jpg",
"http://www.sucaricatura.com/2002/maxi/2002H003.jpg",
"http://www.sucaricatura.com/2002/mini/2002H004.jpg",
"http://www.sucaricatura.com/2002/maxi/2002H005.jpg",
"http://www.sucaricatura.com/2002/mini/2002H006.jpg",
"http://www.sucaricatura.com/2002/maxi/2002H007.jpg"
];

var enlaces = [
"http://www.sucaricatura.com/2002/maxi/2002H001.jpg",
"http://www.sucaricatura.com/2002/mini/2002H002.jpg",
"http://www.sucaricatura.com/2002/maxi/2002H003.jpg",
"http://www.sucaricatura.com/2002/mini/2002H004.jpg",
"http://www.sucaricatura.com/2002/maxi/2002H005.jpg",
"http://www.sucaricatura.com/2002/mini/2002H006.jpg",
"http://www.sucaricatura.com/2002/maxi/2002H007.jpg"
];

function azar() {
var temp = new Array(4);
temp[0] = Math.floor(Math.random() * imagenes.length);
do
temp[1] = Math.floor(Math.random() * imagenes.length);
while (temp[0] == temp[1])
do
temp[2] = Math.floor(Math.random() * imagenes.length);
while (temp[0] == temp[1] || temp[0] == temp[2] || temp[1] == temp[2])
do
temp[3] = Math.floor(Math.random() * imagenes.length);
while ( temp[0] == temp[1] ||
temp[0] == temp[2] ||
temp[1] == temp[2] ||
temp[0] == temp[3] ||
temp[1] == temp[3] ||
temp[2] == temp[3]
)
// alert(document.links.length);
document.getElementById("enlace1").setAttribute("h ref", enlaces[temp[0]]);
document.getElementById("enlace2").href = enlaces[temp[1]];
document.getElementById("enlace3").href = enlaces[temp[2]];
document.getElementById("enlace4").href = enlaces[temp[3]];
document.images.imagen1.src = imagenes[temp[0]];
document.images.imagen2.src = imagenes[temp[1]];
document.images.imagen3.src = imagenes[temp[2]];
document.images.imagen4.src = imagenes[temp[3]];
}
</script>
</head>
<body onload=azar()>
<a href="#" name="enlace1">
<img src="" name=imagen1>
</a>
<a href="" name=enlace2>
<img src="" name=imagen2>
</a>
<a href="" name=enlace3>
<img src="" name=imagen3>
</a>
<a href="" name=enlace4>
<img src="" name=imagen4>
</a>
</body>
</html>

Saludos

gtatuning · #2 (**permalink**) 08/01/2005, 22:35

Nadie puede ayudarme?

caricatos · #3 (**permalink**) 09/01/2005, 02:03

Hola gtatuning:

Ese código me suena...

... y también las imágenes

...

Bueno, de ese código tendrías que coger solo la forma aleatoria de obtener el índice, y una de las asignaciones.

<html>
<head>
<title>
Logo aleatorio
</title>
<script>
var imagenes = [
"http://www.sucaricatura.com/2002/mini/2002H001.jpg",
"http://www.sucaricatura.com/2002/mini/2002H002.jpg",
"http://www.sucaricatura.com/2002/mini/2002H003.jpg",
"http://www.sucaricatura.com/2002/mini/2002H004.jpg",
"http://www.sucaricatura.com/2002/mini/2002H005.jpg",
"http://www.sucaricatura.com/2002/mini/2002H006.jpg"
];

function azar() {
aleatoria = Math.floor(Math.random() * imagenes.length);
document.images.imagen.src = imagenes[aleatoria];
}
</script>
</head>
<body onload=azar()>
<img src="" name=imagen>
</body>
</html>

Saludos