[SOLUCIONADO] Problema con Masonry en Safari

[cjauregui]

Hello!

Estoy diseñando mi web, para la que he usado el script Masonry para dar ese efecto pinterest a la composición de la página. El problema es que no carga bien Safari (me dicen que tampoco va en Chrome). Las imágenes se montan una sobre otras. Lo curioso es que si minimizas un poco la página o esperas un largo rato, de repente todo se coloca bien, tal y como debería ser desde un principio.

Esta es mi web: www.carolinajauregui.com

El script Masonry que estoy usando:

Código HTML:

<script type="text/javascript">

$(document).ready(function(){
	$('#container').masonry();
});
 
 </script> 

Cada una de las imágenes están en un div class="item", dentro de otro div id="container"


Mil gracias!!!

[Zeromm]

Yo de javascript mucho no puedo ayudarte, pero si no encuentras solución rápida al problema puedes usar este otro javascript para hacer ese efecto

[cjauregui]

Iniciado por Zeromm

Yo de javascript mucho no puedo ayudarte, pero si no encuentras solución rápida al problema puedes usar [URL="http://masonry.desandro.com/"]este otro javascript[/URL] para hacer ese efecto

Hola!

He probado a usar esos scripts y se soluciona el problema de superposición de imágenes, pero entonces no hace el masonry. Es decir, hace un simple float:left, pero las fotos siguen respetando el espacio vertical que dejan las otras fotos, no se juntan haciendo el efecto "ladrillo" que busco.

Igualmente, muchas gracias por la molestia de responder :)

[cjauregui]

Lo he podido solucionar! El script ha quedado así:

Código Javascript:

<script type="text/javascript">
 
    $(document).ready(function(){
        $('img').load(function(){
            $("#container").masonry();
        });
        $("#container").masonry();
    });
 
</script>