Galerias de Fotos con CSS

July 14th, 2005

A la hora de pensar en alternativas para presentar imágenes dinámicamente en un sitio web nos encontramos en que existen muchas y de las más variadas. Tenemos galerías hechas en flash, en javascript y en CSS. Si, El CSS puede ser una alternativa interesante y práctica para presentar imágenes dinámicamente.

En estos simples ejemplos, las imágenes son pre cargadas y el css se encarga de mostrarlas a medida que se el puntero del mouse se posiciona por encima de ellas. Simples si, pero potencialmente interesantes ya que combinadas con un pequeño script server side (como por ejemplo PHP), se podría hacer una interesante galería dinámica.

En el primer ejmplo, tenemos un efecto de imágenes superpuestas de forma vertical u horizontal donde se despliega la seleccionada por el puntero del mouse.

En el segundo ejemplo, tenemos una galería un poco más compleja como también rígida.

Lo bueno de todo esto es la estandarización y accesibilidad, ya que tanto javascript como flash todavía no son 100% estándares. Estamos hablando de realizar galerías visualmente dinámicas con XHTML y CSS absolutamente estándares.

Claro, estos ejemplos como son con imágenes precargadas se puede volver un poquito engorroso al cargar todas las imágenes de una galería que contenga muchas de estas, pero no deja de ser una alternativa potente y muy flexible.
Cansado por mi parte de las pesadas galerías en flash, creo que esto, aunque no es novedad, le da un aire fresco a las opciones de galerías dinámicas.

Archivada en: Internet y Tips