Galería dinámica con Lightbox y PHP

Vamos a crear una galería dinámica, muy útil para que el cliente solo se limite a subir las imágenes que más le gusten (por FTP) a un directorio determinado. Para ello vamos a utilizar la librería lightbox.

Lo primero es descargar las librerías necesarias para utilizar el lightbox,  entre ellas se encuentran prototype.js y scriptaculous.js. Podeis descargarlo de la web de lightbox todos los archivos necesarios.

Imágenes embebidas con PHP

Está demostrado que el tiempo de carga de una página web depende en un 80% del cliente, es decir, el usuario. Las imágenes es uno de los elementos de la web que más penaliza el tiempo de carga de estas. Existe varias técnicas para reducirlo considerablemente. Hoy me voy a centrar en uno, imágenes embebidas.

Esta técnica consiste en incluir los bytes de la imagen utilizando el esquema data, al igual que usamos el esquema http para indicar las URL o mailto para el correo electrónico.

Compatibilidad entre IE7 e IE8

Con la aparición de Internet Explorer 8 por un momento pensé que se acabarían todos mis dolores de cabeza a la hora de diseñar.

Encontré una solución para el dichoso botón de compatibilidad que tenía este navegador y no tener que realizar otra hoja de estilos más para otra versión del navegador de Microsoft:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

IE Collection. Todas las versiones del navegador en tu PC

Para los que se dedican o piensan dedicarse a desarrollar páginas web tendrán que tener muy en cuenta a la hora de maquetar las web con CSS las diferencias que existen entre los distintos navegadores.

La gran mayoría de navegadores no suele presentar grandes diferencias de la misma web mientras no hablemos del software de la familia Microsoft. Estos interpretan (o no) las propiedades de las hojas de estilos de una forma diferente al resto, es más, entre ellos también se perciben diferencias.