W: Resize to find out!
H: Resize to find out!
Publicado hace: 20 años

Encabezado aleatório

Por esa manía de inconformidad, me puse a manosear la página (pues gráficamente no es lo que me gustaría 100%); buscaba la forma de cambiar el header, y se me ocurrió ponerle un efecto que tengo en la «ex»-web principal; quería que el header cambiara cada vez que ingresaba a la página, entonces hice un par de imágenes, y me encontré un script que puede hacerlo. Paso a describir lo que hice:
1. Crear un directorio (carpeta) llamada «headers».
2. Dentro de esta carpeta puse todas las imágenes que iba a utilizar.
3. Dentro de la misma carpeta se coloca un archivo llamado rotate.php con el siguiente contenido:

< ?php /* By Matt Mullenweg > http://photomatt.net
Inspired by Dan Benjamin > http://hiveware.com/imagerotator.php
Latest version always at:
http://photomatt.net/scripts/randomimage
*/

// Make this the relative path to the images, like "../img" or "random/images/".
// If the images are in the same directory, leave it blank.
$folder = '';

// Space seperated list of extensions, you probably won't have to change this.
$exts = 'jpg jpeg png gif';

$files = array(); $i = -1; // Initialize some variables
if ('' == $folder) $folder = './';
$handle = opendir($folder);
$exts = explode(' ', $exts);
while (false !== ($file = readdir($handle))) {
foreach($exts as $ext) { // for each extension check the extension
if (preg_match('/.'.$ext.'$/i', $file, $test)) { // faster than ereg, case insensitive
$files[] = $file; // it's good
++$i;
}
}
}
closedir($handle); // We're not using it anymore
mt_srand((double)microtime()*1000000); // seed for PHP < 4.2 $rand = mt_rand(0, $i); // $i was incremented as we went along header('Location: '.$folder.$files[$rand]); // Voila! ?>

4. Modifiqué la hoja de estilo, en mi caso fué así:

estaba de esta manera:
#header {
background-image: url(image.jpg);

y ahora es:

background-image: url(headers/rotate.php);

Ahora, cuando el css es llamado, la imagen de fondo es escogida aleatóriamente. Voilá.

* El artículo que encontré (en inglés) está en: http://weblogtoolscollection.com/archives/2004/04/17/random-image-header/

escuchándo:
Excuse me Mr. – Ben harper

sábado 6 de noviembre de 2004 a las 12:29

ser humano

Music & Design & Photo & Bike.

Test, fail, learn, repeat.

One Response to “Encabezado aleatório”

  1. Gerald dice:

    Esta chevere doc, pero mudate de host que la publicidad opaca tu trabajo :'(
    maldito lycos