Photobox es una interesante galería de imágenes potenciada por jQuery y que además utiliza animaciones y transiciones de CSS3.

La galería es ligera (pesa 14 KB sin comprimir) y muestra los elementos como un muro donde se puede ver cada imagen dentro de una caja modal. Cuando el cuadro modal está activado, se muestra una lista con el resto de imágenes en miniatura, facilitando la navegación sobre ellas ya sea usando el mouse (botones Anterior/Siguiente) o las flechas del teclado.

También es posible hacer zoom in/out sobre una imagen usando la rueda del mouse. No tiene muchas opciones de configuración, lo que puede resultar bueno o malo, dependiendo del uso que se le de.

Cómo usarlo:

Este es una forma básica de usar la galería, lo primero será agregar los archivos CSS y JS necesarios:

<link rel="stylesheet" href="photobox/photobox.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src='photobox/photobox.js'></script>

Este sería el HTML:

<body>
    <div id='gallery'>
        <a href="http://www.somedomain.com/images/image1_large.jpg">
            <img src="http://www.somedomain.com/images/image1_small.jpg" alt="photo1 title">
        </a>
        <a href="http://www.somedomain.com/images/image2_large.jpg">
            <img src="http://www.somedomain.com/images/image2_small.jpg" alt="photo2 title">
        </a>
        <a href="http://www.somedomain.com/images/image3_large.jpg">
            <img src="http://www.somedomain.com/images/image3_small.jpg" alt="photo3 title">
        </a>
        <a href="http://www.somedomain.com/images/image4_large.jpg">
            <img src="http://www.somedomain.com/images/image4_small.jpg" alt="photo4 title">
        </a>
    </div>
    <!-- Antes del tag </body> iniciamos el script que hará funcionar la galería -->
    <script>
        $('#gallery a').photobox();
    </script>
</body>

Web: Photobox
Demo: http://dropthebit.com/demos/photobox/
Descarga: https://github.com/yairEO/photobox