Las imágenes/posición superpuestas no salen bien cuando se usa la aplicación Jquery Masonry on Rails 3

Question

Estoy usando jquery masonry para colocar imágenes en mi sitio web, pero tengo problemas.

Las imágenes se muestran una encima de la otra. Aquí hay un enlace directo a la página web:

http://www.faisalandsamreen.com/meetus

Si un disco actualiza varias veces, verá las imágenes se mueven cada vez.

JS versión violín está aquí:

http://jsfiddle.net/8n76g/

¿Qué estoy haciendo mal ???

Gracias,

Faisal

Answer 1

Creo que tenía el mismo problema que usted está teniendo.

Debe colocar su código de mampostería en un bloque $(window).load(function(){ }). No es la manera más rápida de poner un script en línea con tu HTML. El problema es que sus scripts probablemente se carguen y se llamen antes de que las imágenes se hayan descargado, por lo que la mampostería no puede determinar qué tamaño son. Esta función solo se invocará una vez que se descarguen las imágenes, y luego podrá establecerlas correctamente.