El pingüino que cambia con cada carga explicación
Jueves, 09 Octubre 2008Bueno ya habréis visto la imagen del pingüino tux que cambia con cada carga, es simple de hacer y bueno lo voy a explicar, los pingüinos los he sacado de Fabrica Tux que son casi todos con licencia creative commons, en total he cogido 77 y los he redimensionado a 100 pixeles de altura porque encajara en la cabecera y los he metido en el directorio que esta el skin del wordpress…en mi caso se llama tux ;) .
Y este es la unica y simple linea en php para que cambie, es basicamente incrustar en el html de poner una imagen el codigo que incruste el dir del skin, y despues incrustar igualmente otro codigo para que cada vez que se ejecute aleatoriamente escoja un numero entre 00 a 77.
<img style=”margin-top: 40px;” src= “<?php bloginfo(’stylesheet_directory’); ?>/images/tux/tux<?php printf(”%02d”,rand(0,77));?>.png” align=”left” />
Vamos a explicarlo un poquejo:
bloginfo(’stylesheet_directory’);
este viene de las bibliotecas de wordpress es asi y no tiene mas vuelta de hoja.
printf(”%02d”,rand(0,77));
Este es simple imprime un numero con 2 cifras y rellena con 0 un entero por eso %02d, y el numero es un aleatorio entre 0 y 77 de ahi viene el rand(0,77). Y esto si es basico de PHP.
Lo que le falta y quería hacerle pero es problema de maquetación web, es añadirle un bocadillo típico de comic con frases famosas, de forma chipiriflautica tirando de wikiquote ahora que tenemos un API para acceder, pero bueno en la primera versión iba a ser un array, pero me dado con el problema que os comento de la maquetación que no acaba de quedar bien encajado.



