Galería de fotos jQuery que divide cada foto en multiples piezas

Esta galería de fotos jQuery toma cada foto y la divide en multiples piesas, cuando uno pasa el mouse estas piesas aparecen dejando ver la foto
Al hacer click sobre la foto miniatura las multiples piezas se unen dejando en pantalla la imagen original.

Galería de fotos jQuery

Para lograr el efecto utiliza jQuery y creando un div por cada cuadradito , luego con css muestra una fracción de la foto en cada cuadrado mostrando como si la foto se hubiera separado, luego con jQuery y su propiedad animate se unen los fragmentos dejando ver la foto en su totalidad

Para descargar y ver el ejemplo
Ejemplo | Tutorial de la Galería de imagenes

This entry was posted in CSS, JavaScript, JQuery. Bookmark the permalink.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>