Rotar imágenes del header con PHP en CSS
Enviado por Admin en la categoría diariodeoperacion
el Viernes, 19 Septiembre, 2008
Comenzaremos por ordenas las imágenes que queremos cargar añadiédoles un número secuencia. Por ejemplo: header_1.jpg, header_2.jpg, header_3.jpg, header_4.jpg,...
Crearemos el archivo carga_img.php en la carpeta donde reside el fichero CSS. En nuestro caso el style.css. Pegaremos en él el siguiente código:
if (isset($_GET['img_azar'])) {
header("Content-type: image/" . $_GET['ext']);
readfile($_GET['img_azar'] . mt_rand($_GET['a'], $_GET['b']) . '.' . $_GET['ext']);
}
?>
Ya sólo queda editar el fichero CSS para introducir las modificaciones en el siguiente atributo modificando los parámetros necesarios:
A continuación la descripción de los parámetros:
img_azar=../images/header_
La URL donde se encuentran las imágenes, incluyendo el prefijo del grupo de imágenes y excluyendo el número secuencial.
ext=jpg
La extensión de fichero del grupo de imágenes, (png, jpg, gif, bmp...)
a=1
El número secuencial de la primera imagen.
b=12 El número secuencial de la última imagen.
Tags: diario+operación, diario, web, php, css, estilos, style, imagen, fotografía, postnuke, header, html
