En el sitio HelpDeveloper tuvieron la excelente idea de enseñarnos a crear una galería para mostrar nuestras imágenes con una descripción cada una utilizando solo el código CSS. ¿Una de las buenas cosas de utilizar CSS y no Java? no necesitas aprender JavaScript, ni encontrar un script de calidad (lo cual puede llevar horas), y tienes la seguridad de que lo puedan ver todos, incluidos aquellos que tengan JavaScript desactivado. Veremos como resultado una galería de fotos con miniaturas como adelanto en la parte izquierda del sitio, con las descripciones apareciendo en modo “hover”, o sea al posar el mouse sobre una de ellas.
Necesitaremos para empezar seis imágenes, tres miniaturas y tres en tamaño normal. Las miniaturas deberán ser del mismo tamaño que en el ejemplo (150×100), y sería útil que las grandes también estén en 400×300. Por supuesto esto es fácil de cambiar gracias a las propiedades del CSS, junto con el resto del sitio. Una vez que comiences, verás lo fácil que es dejar la galería como mas te guste.
