Como ya lo dice el titulo de este post, se trata de una galeria de imagenes aumentadas alineadas en un panel virtual, que al pasar el cursor sobre ellas, desaparece el zoom y vuelven con un efecto suave a su visionado completo. Para lograr este efecto, he recurrido al Javascript, concretamente jQuery que nos da muchas posibilidades. Ideal para hacer presentaciones y tambien nos puede servir incluso de menu para el blog.
Si quieres ponerlo en tu blog o web, primero tienes que añadir este codigo en la plantilla entre las etiquetas <head> y guardar.
Ahora, pegas este codigo alli donde quieras mostrar el panel. Sustituye lo que esta escrito en rojo por las urls de las imagenes que quieras poner. Si quieres que estan enlacen con algun sitio, escribe las direcciones donde esta en color azul.
<div id="container" class="containerr"><div class="wrap"><a href="URL ENLACE"><img src="URL IMAGEN" alt="Picture 1"/></a></div><div class="wrap"><a href="URL ENLACE"><img src="URL IMAGEN" alt="Picture 2"/></a></div><div class="wrap"><a href="URL ENLACE"><img src="URL IMAGEN" alt="Picture 3"/></a></div><div class="wrap"><a href="URL ENLACE"><img src="URL IMAGEN" alt="Picture 4"/></a></div><div class="wrap"><a href="URL ENLACE"><img src="URL IMAGEN" alt="Picture 5"/></a></div><div class="wrap"><a href="URL ENLACE"><img src="URL IMAGEN" alt="Picture 6"/></a></div></div>
