attempt to fix layout on slow internet

1 files changed, 9 insertions, 1 deletions

diff --git a/themes/flog/layouts/partials/listing.html b/themes/flog/layouts/partials/listing.html
index 58c7697..2ff3b3b 100644
--- a/themes/flog/layouts/partials/listing.html
+++ b/themes/flog/layouts/partials/listing.html
@@ -40,7 +40,8 @@
     </div>
 </main>
 <script type="text/javascript">
-    var masonryReadyAttached;
+    var masonryReadyAttached,
+        imageLoadAttached;
     
     if (typeof $ === 'undefined') {
         document.addEventListener('DOMContentLoaded', loadMasonry);
@@ -51,6 +52,13 @@
     }
     
     function loadMasonry() {
+        if (typeof imageLoadAttached === 'undefined') {
+            imageLoadAttached = true;
+            [].forEach.call(document.images, function(i) {
+                i.addEventListener('load', loadMasonry, false);
+            });
+        }
+
         if (typeof Masonry === 'undefined') {
             console.log('loading masonry files');
             $.getScript('/js/masonry-4.1.min.js', showMasonry);