Foros del Web » Programando para Internet » Javascript »

Imagen aleatoria

Estas en el tema de Imagen aleatoria en el foro de Javascript en Foros del Web. Pues quiero intentar que cada vez que entre en mi web se cargue una imagen diferente en la pagina principal. Estube buscando y encontre esto: ...
  #1 (permalink)  
Antiguo 22/03/2010, 20:16
 
Fecha de Ingreso: febrero-2010
Mensajes: 49
Antigüedad: 14 años, 2 meses
Puntos: 0
Imagen aleatoria

Pues quiero intentar que cada vez que entre en mi web se cargue una imagen diferente en la pagina principal.
Estube buscando y encontre esto:
[URL="http://www.forosdelweb.com/f4/cambiar-imagen-por-cada-actualizacion-682045/"]Cambiar de imagen por cada actualización[/URL]
Pero no se consigo hacerlo andar.
  #2 (permalink)  
Antiguo 23/03/2010, 05:51
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Imagen aleatoria

Hola

Practica con este script

Código Javascript:
Ver original
  1. var elarray = new Array('MUSICA','VIDIOJUEGOS','BLOGS','REDES SOCIALES');
  2.  
  3. var randarray = Math.floor( Math.random() * elarray.length );
  4.  
  5. var mostrar = '';
  6. mostrar += '<div>' + elarray[randarray] + '</div>';
  7. document.write(mostrar);

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 24/03/2010, 09:45
 
Fecha de Ingreso: febrero-2010
Mensajes: 49
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Imagen aleatoria

Me podrías dar algunas indicaciones para usarlo?

La foto que quiero cambiar la tengo puesta de background en un div. Mejor ponerla en un div simplemente o se puede cambiar el código para que funcione con el background.

Muchas gracias Adler por el código
  #4 (permalink)  
Antiguo 25/03/2010, 05:45
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Imagen aleatoria

Hola

Estas lineas

Cita:
var mostrar = '';
mostrar += '<div>' + elarray[randarray] + '</div>';
document.write(mostrar);
las cambias por esta

Cita:
document.getElementById("elDIV").innerHTML = '<div>' + elarray[randarray] + '</div>';

<div id="elDIV"><div>
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 25/03/2010, 06:46
 
Fecha de Ingreso: febrero-2010
Mensajes: 49
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: Imagen aleatoria

Y aquí
var elarray = new Array('MUSICA','VIDIOJUEGOS','BLOGS','REDES SOCIALES');
es donde pongo los nombres de los jpg?
var elarray = new Array('images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg');
  #6 (permalink)  
Antiguo 25/03/2010, 07:53
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: Imagen aleatoria

Hola

Cita:
Iniciado por Pejigo Ver Mensaje
Y aquí
var elarray = new Array('MUSICA','VIDIOJUEGOS','BLOGS','REDES SOCIALES');
es donde pongo los nombres de los jpg?
var elarray = new Array('images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg');
Sí, y cambia esto. No recordé que eran imágenes

Cita:
document.getElementById("elDIV").innerHTML = '<div>' + elarray[randarray] + '</div>';
por esto

Cita:
document.getElementById("elDIV").innerHTML = '<img src="' + elarray[randarray] + '" />';
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: aleatoria
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 11:49.