onClick: carga la imagen en un orden aleatorio de bloques de 10 px - jquery-ui, jquery, css3, fade

jQuery

Me preguntaba si alguien ha visto algún código que pueda cargar una imagen en bloques de 10 píxeles o en bloques de píxeles de cualquier tamaño.

Piense en ello como una cuadrícula.

+----+----+----+----+
|    |    |    |    |
|    |    |    |    |
+----+----+----+----+
|    |    |    |    |
|    |    |    |    |
+----+----+----+----+
|    |    |    |    |
|    |    |    |    |
+----+----+----+----+

Quiero que la imagen se desvanezca, desvaneciendo cada bloque. Esperemos que sea muy rápido, excepto en un orden aleatorio.

Haga esto en onClick o onHover. Luego desaparezca fuera del mouse o haga clic nuevamente.

Respuestas

Aquí hay una rápida maqueta para ti:

http://jsfiddle.net/adaz/qeNtt/

Obviamente necesita un poco de pulido, pero es un buen comienzo, supongo :)

Déjame saber si eso ayuda!