En este tutorial aprenderás como cargar y mostrar imágenes al azar en la cabecera de tu blog en Wodpress sin necesidad de usar Javascript, aunque la técnica es facilemente adaptable a cualquier otra plataforma que use PHP. Opcionalmente puedes seguir este enlace para aprender a cargar imágenes aleatorias desde CSS. No te asustes por la longitud del tutorial ya que todo se limita a una sola línea de código.
Para empezar deberás asignar el mismo nombre a cada imagen que desees usar seguido por un número secuencial, es importante que nunca te saltes un número de la secuencia. Una vez hecho esto añádelas a la carpeta de imágenes de tu plantilla.
Por ejemplo: logo_1.gif, logo_2.gif, logo_3.gif, …
Ahora debemos ver si la imagen actual de tu cabecera ha sido implementada a través de CSS, si es así deberás borrar la declaración de esta en el fichero CSS para poder continuar. Edita el fichero de la plantilla header.php, si tu imagen está implementada por código debes localizar el fragmento que se encarga de mostrarla y sustituirlo por el siguiente:
<img src="<?php echo bloginfo('template_url'), '/images/logo_', mt_rand(1, 3), '.gif'; ?>" style="border: medium none;" alt="<?php bloginfo('name'); ?>" />
Cambia los parámetros según sea necesario, ‘/images/logo_’ y ‘.gif’, graba el fichero, súbelo a tu servidor y listo. Si no tienes pensado compartir tu plantilla con nadie puedes optimizar esta técnica aun más, cambia la función que se encarga de encontrar el directorio de la plantilla bloginfo(’template_url’) por la url absoluta de esta, como en el siguiente ejemplo pero haciendo los cambios pertinentes:
<img src="http://www.TU_WEB.com/wp-content/themes/TU_PLANTILLA/images/logo_<?php echo mt_rand(1, 3); ?>.gif" style="border: medium none ;" alt="<?php bloginfo('name'); ?>" />
Para añadir más imágenes acuérdate de editar de nuevo el fichero header.php y modificar los parámetros de la función mt_rand(A, B), reemplazando A por el número secuencial de la primera imagen y B por el número de la última, por ejemplo, si tuvieras seis imágenes la función quedaría así: mt_rand(1, 6). Fíjate también en que si añades sólo un par de imágenes la probabilidad de que se repita la misma varias veces es muy alta.
vía Feed RSS
por Email
"
Saludos y suerte en nuevos proyectos ! ...
"
"
6 Respuestas
2 Noviembre 2007 - 09:46
Creo que esto tambien lo pondré en practica…
2 Noviembre 2007 - 11:18
Estava por borrar el artículo porque pensé que era un poco chorra pero ahora veo que quizá tampoco este tan mal, si lo implementas me dices si hubo algún problema.
10 Noviembre 2007 - 11:45
Tío, he implementado tu ‘truco’, y me funciona de lujo. Ha sido una buena aportación. Es muy sencillo de aplicar. A lo mejor deberías explicarlo con algo más de detalle para los más inexpertos.
Por ejemplo, lo de “(…) mt_rand(x1, x2), siendo x1 el número de la primera imagen y x2 el de la última (…)”, puede descolocar a más de uno, haciéndole pensar que hay que poner una “x” ahí.
En fin, gracias por tu consejo, y suerte.
10 Noviembre 2007 - 11:48
A qué te refieres con lo de: “(…) Si no tienes pensado compartir tu plantilla con nadie puedes optimizar esta técnica aun más, cambia la función que se encarga de encontrar el directorio de la plantilla bloginfo(’template_url’) por la url absoluta de esta, como en el siguiente ejemplo pero haciendo los cambios pertinentes: (…)”…?
Qué se logra exactamente con eso?
Saludos.
10 Noviembre 2007 - 15:10
Hola Pepe, me alegro que te funcionara. Modificaré lo de x1 y x2 para que no sea tan liado, gracias por tu observación. Sobre lo de optimización te explico, mucha gente crea plantillas de wordpress para luego ponerlas a disposición de otros blogueros, para hacer eso hay que usar funciones como …bloginfo(’template_url’)… de este modo no importa si la plantilla se hospeda en perraco.com o en pepe.com porque la función se encarga de encontrar la dirección correcta (absoluta).
2 Octubre 2008 - 16:43
IDOLO!!!
si, casi un año despues, pero es buenisimo el articulo. =)
Deja tu comentario