diff options
| -rw-r--r-- | themes/flog/layouts/partials/listing.html | 10 |
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); |