Imagenes Aleatorias??

[prototype]

Hola, mi pregunta es la siguiente:

Hace tiempo vi una pagina web que tenia un header que cambiaba cada vez que entrabas, osea era la misma pagina la de inicio pero si actualizabas o volvias ,la imagen del header era diferente; mi pregunta es hay alguna manera de hacerlo en css o html??

me parece una opcion muy interesante para personalizar una pagina, no creen?

[daPhyre]

Esto se hace con JavaScript o con programación del lado servidor (PHP, ASP, JSP...), de preferencia esta última.

Si se sabe usar de forma correcta, es una excelente opción. Si te interesa, tengo el código PHP en algún lado, aunque es necesario que tu servidor lo soporte, claro.

Suerte

[prototype]

Iniciado por daPhyre

Esto se hace con JavaScript o con programación del lado servidor (PHP, ASP, JSP...), de preferencia esta última.

Si se sabe usar de forma correcta, es una excelente opción. Si te interesa, tengo el código PHP en algún lado, aunque es necesario que tu servidor lo soporte, claro.

Suerte

gracias!!,el servidor si lo soporta! (el problema es que soy medio novato y no se usar PHP, ASP o JSP ) por eso es que lo necesito en CSS o HTML...

[Mikmoro]

Iniciado por prototype

gracias!!,el servidor si lo soporta! (el problema es que soy medio novato y no se usar PHP, ASP o JSP ) por eso es que lo necesito en CSS o HTML...

mmm... no puedes hacerlo con PHP o ASP porque no conoces esos lenguajes; y necesitas hacerlo con HTML y CSS pero no sabes, aunque sí conoces esos lenguajes (???), Desconcertante.
Lamento que lo necesites con HTML y CSS, porque sencillamente no se puede.

[Aresillo]

daPhyre ilustranos con el código...

Aresillo!!

[Italico76]

Yo me hice una funcion rotar() en PHP para eso..... en la que roto AdSense junto con algunas imagenes con enlaces.

$banner es un array de archivos a incluir....... esos archivos pueden tener cualquier codigo ya sea en PHP, JS o HTML.

LO bueno de esto es que las imagenes pueden tener enlaces y apuntar a disintas urls.

Ejemplo:

Código PHP:

  <?
Function rotar(array $banners){
  $num = rand (1,count($banners));
  Include $banners[$num-1];
}  

$a_rotar = array ("juegosmario.htm","sms.htm");  // se pueden rotar infintos elementos
rotar ($a_rotar);

?>   

A todo esto,.... "juegosmario.htm" y "sms.htm" son los nombres de los archivos con le codigo a rotar, por ejemplo:

<!-- archivo "juegosmario.htm" -->

<a href="http://www.asesdeljuego.com/juegos-mario" title="mario juegos"><img border="0" alt="mario bros"
src="http://i201.photobucket.com/albums/aa270/pbozzolo/arcade1.gif"/></a>

<!---------------->

<!-- archivo "sms.htm" -->
<a href="http://sms-gratis2.blogspot.com" title="sms gratis"><img border="0" alt="enviar sms gratis" src="http://i201.photobucket.com/albums/aa270/pbozzolo/sms-sm.jpg" width="120"/></a>
<p/>
+ <a href="http://sms-gratis2.blogspot.com" title="sms gratis">SMS gratis</a>
<!---------------->

Y como decia...... se puede rotar cualquier cosa:

Código PHP:

  Rotar ( array ("banner1.php", "banner2.htm", "bannercito.html")) ;  
   

... es perfectamente valido


PD: el nombre de los archivos debe incluir el PATH (o ruta) o sea... algo como "/mis_archivos/banner1.php"

[kseso?]

Gracias Italico por compartirlo.

Habrá que jugar con él un ratito, que parece sencillo

[Mikmoro]

Aunque no es el foro adecuado, una repuesta bien trabajada es siempre de agradecer, Italico76.

[Italico76]

Gracias a Uds! un gusto aportar un granito de arena

Aunque solo manejo PHP, voy a dar una opinion sobre distintas cosas que pueden interpretarse sobre 'rotar imagenes' y distintas soluciones:

1) Que cada vez que se cargue la pagina se muestre una imagen "distinta" (al azar) --> usar PHP
2) Que sin recargar la pagina las imagenes se vayan desplazando como en una cinta --> usar JavaScript (se pueden conseguir otros efectos)
3) Que sin recargar la pagina, aparezcan imagenes distintas cada tanto tiempo (un numero ilimitado) --> usar AJAX

[prototype]

bueno pues gracias por las respuestas.... pero lastima que solo se pueda en los otros lenguajes (seguros que solo se pueden en esos?? ¬¬)

Y si sé HTML y CSS lo que pasa es que todavia hay ciertas cosas en las que uno se enreda, jeje

[Aresillo]

gracias italico!
Para mí como introducción al php me viene de perlas!!

Aresillo!!

[JavierB]

Iniciado por prototype

(seguros que solo se pueden en esos?? ¬¬)

Seguro.

Saludos,

[daPhyre]

Creo que el problema ya fue resuelto, pero no estoy seguro. Igual dejo mi código por si aun sirve a alguien. Esto se pone al comienzo de la página web:

Código PHP:

  <?php
  $imagenes=array();
  if ($gestor = opendir('headers')) {
    while (false !== ($archivo = readdir($gestor))) {
      if ($archivo != "." && $archivo != ".." && substr($archivo,-1) != "~") {
        $imagenes[]=$archivo;
      }
    }
    closedir($gestor);
  }
  $header=$imagenes[rand(0,count($imagenes)-1)];
?>   

Todos los posibles headers se ponen en una carpeta llamado "headers", de donde se toman todas las imágenes automáticamente en la línea if ($gestor = opendir('headers')).

En la línea donde pones normalmente tu imagen, pones este código:

Código PHP:

  <?php
echo('<img src="headers/'.$header.'" alt="header" class="header" />');
?>   

Espero te sirva. Suerte