Carga aleatoria de imagenes

#1 (**permalink**) 13/01/2007, 05:22

Hola queria saber como puedo ahcer para que cada vez que se cargue un página se cargue una imagen diferente, da igual que se repita pero que se vayan cambiando.

¿Como lo hago?

Un saludo

seoista · #2 (**permalink**) 13/01/2007, 06:37

Para cada vez que se actualiza (entre <head> y </head>):

Código:

<head>
<script type="text/javascript">
<!-- 
function ImagenesObj() {
n=0;
this[n++]="imagen1.jpg";
this[n++]="imagen2.jpg";
this[n++]="imagen3.jpg";
this[n++]="imagen4.gif";
this[n++]="imagen5.gif";
this[n++]="imagen6.jpg";
this[n++]="imagen7.jpg";
this[n++]="imagen1.jpg";
this.N=n;
}
var Imagenes=new ImagenesObj();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<img src="+src+">");
//-->
</script>
</head>

Para cada día de la semana (entre <head> y </head>):

Código:

<head>
<script type="text/javascript">
<!--
//Este y otros muchos javascripts los puedes encontrar
//en MundoJavascript.com - Por favor manten este texto si lo utilizas
//RECUERDA- LA SEMANA EMPIEZA EN DOMINGO
  var now = new Date ();
  var day = now.getDay();

 if(day == 0) document.write("<img src='imagen1.jpg' alt='domingo'>");
 if(day == 1) document.write("<img src='imagen2.jpg' alt='lunes'>");
 if(day == 2) document.write("<img src='imagen3.jpg' alt='martes'>");
 if(day == 3) document.write("<img src='imagen4.jpg' alt='miercoles'>");
 if(day == 4) document.write("<img src='imagen5.jpg' alt='jueves'>");
 if(day == 5) document.write("<img src='imagen6.jpg' alt='viernes'>");
 if(day == 6) document.write("<img src='imagen7.jpg' alt='sabado'>");
//-->
</script>
</head>

Suerte

jaco18 · #3 (**permalink**) 21/12/2007, 22:17

hola buenas........ encontre este tema y la verdad me ayudo muchisio pero tengo una duda............
y si quiero que las imagenes tengan un hipervinculo como le hago?

de antemano muchas gracias..........

darkness51 · #4 (**permalink**) 22/12/2007, 01:07

Pues para que la imagen tenga un vinculo, solo debes de agregar la etiqueta a antes del img de esta forma:

Código:

<a href="direccion"><img src="imagen01.jpg"></a>

jaco18 · #5 (**permalink**) 26/12/2007, 21:09

disculpa la tardanza por no contestar oeri lo he estado intentando y no me funciona quiero que tenga el hipervinculoel primer codigo que puso seoista funciona de maravilla si el hipervinculo....... muchas gracias y espero me puedan ayudar.......

darchy · #6 (**permalink**) 18/09/2008, 02:49

Seguro que lo que pregunto es una chorrada pero... como inserto las fotos en el html??? (es que estoy peleada con javascript y nunca sé por donde cogerlo...)

Gracias

EDIT: ¿Seria algo asi??

<img src="" name="imagen1".jpg> (en caso de ser todas jpg)

EDIT2

en webmasterlibre.com he encontrado este codigo PHP que hace lo mismo

<?php
$images = 5; //número de imágenes, si el número es mayor que las imágenes mostrarás imágenes inexistentes
$path = "images/"; //ruta a la carpeta con las imágenes
$random = rand(1,$images); //Generamos un número aleatorio
echo "<img src=$path"."$random".".jpg".">" //imprimimos el código html en la página
?>

Saludos!!!

daPhyre · #7 (**permalink**) 18/09/2008, 10:04

Por favor no revivas temas viejos, y mucho menos si tu pregunta es un tema nuevo. Para eso sirve el botón de tal efecto.

De igual forma, no he entendido exactamente lo que intentas, ¿Podrías ser más explicita? Si lo que quieres es insertar una imagen cualquiera en html, es de eta forma:

Código HTML:

<img src="playa.jpg" alt="Foto en la playa" title="Foto en la playa" />

Donde SRC es el nombre y ubicación de tu imagen (Si está en una carpeta, podría ser "carpeta/imagen.jpg"), ALT es el nombre que aparecerá si tu imagen no pudo ser cargada (O para navegadores de solo texto) y TITLE es el título de la imagen, que aparecerá al lado del cursor al ponerlo sobre tu imagen en la mayoría de los navegadores.

Si tienes más dudas no dudes en preguntar. Suerte

paquislash · #8 (**permalink**) 17/01/2009, 11:26

Pero que pasa si tengo 1000 imagenes y quiero hacer un rand para que carguen 5 como mantendrian esas 5 para todo ese mes

rodrigo012 · #9 (**permalink**) 17/01/2009, 11:44

la verda que nose

darchy · #10 (**permalink**) 20/01/2009, 10:23

Perdón por haber reaivado un tema antiguo, pensé que sí tenia que ver, y que si así era, sería mejor meterlo en el mismo (más últil para quien busca esa info y no llena el foro de oooootra vez las mismas preguntas/temas) y por no contestar antes, claro.