Hace unos días estaba probando algunos de los recursos que he usado en mis web en el nuevo navegador IE9. En cuestión de segundos me asombró que algunos de estos recursos no funcionaban como me esperaba en la última versión del browser de Microsoft. Uno de ellos es la librería Lightbox.

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.

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.

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.