jquery masonry breaks(stacks images) in chrome/safari but only on first load jquery masonry breaks(stacks images) in chrome/safari but only on first load jquery jquery

jquery masonry breaks(stacks images) in chrome/safari but only on first load


I've managed to fix this problem with the following tweak:

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


looks like I needed a plugin called imagesLoaded in order for the Monsry script to work properly with the likes of chrome and safari


Tried everything suggested in this thread, nothing worked, then found this:

$(window).load(function(){   $('#content').masonry(); });

Works fine now, found it here:https://github.com/desandro/masonry/issues/35

Original post author:https://github.com/desandro