Foros del Web » Programando para Internet » Javascript »

rotacion de imagenes sin repetir

Estas en el tema de rotacion de imagenes sin repetir en el foro de Javascript en Foros del Web. hola amigos bnuscando en el foro encontre este codigo q permite poner imagenes aleatoriamente sin q se repitan, pero no logro hacerlo funcionar, ya cambie ...
  #1 (permalink)  
Antiguo 07/06/2010, 11:21
 
Fecha de Ingreso: mayo-2008
Mensajes: 13
Antigüedad: 16 años, 6 meses
Puntos: 0
rotacion de imagenes sin repetir

hola amigos bnuscando en el foro encontre este codigo q permite poner imagenes aleatoriamente sin q se repitan, pero no logro hacerlo funcionar, ya cambie algunos parametros pero no logro hacerlo
ojala pudeieran auxiliarme

salu2

<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/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",
"http://www.sucaricatura.com/2002/mini/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]];
setTimeout("azar()", 5000)
}
</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>
  #2 (permalink)  
Antiguo 07/06/2010, 11:31
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: rotacion de imagenes sin repetir

Hola:

Es agradable ver que viejos códigos siguen siendo útiles (un ejemplo de imágenes de uno de mis dominios...)

Creo que no hay problemas con el código, salvo los que se puedan encontrar por tratarse de viejas páginas, y donde se insertó tenía ciertas restricciones, entre ellas, el largo de las líneas, que terminaban dividiéndose, y aparecían espacios en blanco no deseados como:

document.getElementById("enlace1").setAttribute("h ref", enlaces[temp[0]]);

href no se separa...

Controla esos detalles, seguro que el código sigue siendo válido, aunque paara más imágenes (o lo que te interes usar) haay más alternativas.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 07/06/2010, 11:41
 
Fecha de Ingreso: mayo-2008
Mensajes: 13
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: rotacion de imagenes sin repetir

muchas gracias por responder caricatos

los enlaces los cambie por nuevos y x imagenes de carpetas desde mi root pero no carga de hecho ni los enlaces resultan validos

el enlace de cualquiera de las imagenes lo hace a la misma pagina donde se esta cargando el codigo

ya corregi ese detalle q comentabas pero ni asi logro encontrar q pueda estar pasando

salu2
  #4 (permalink)  
Antiguo 08/06/2010, 11:22
 
Fecha de Ingreso: mayo-2008
Mensajes: 13
Antigüedad: 16 años, 6 meses
Puntos: 0
Respuesta: rotacion de imagenes sin repetir

hola a to2 ojala no dejen al olvido mi post y m puedan audar
este codigo m seria util xq = tiene enlaces y todo
y en verdad lo necesito

salu2 y de antemano gracias
  #5 (permalink)  
Antiguo 09/06/2010, 01:30
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: rotacion de imagenes sin repetir

Hola:

Fíjate que los enlaces se asignan con getElementById y los id's no están definidos.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: imagenes, repetir, rotacion
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 12:14.