Images occasionally not loading in IE9 or IE10


As the title says. Sometimes, like 1 in 100 times, an image will fail to load in IE 9, or in IE 10. This is due to a plugin that is used to detect if images have been loaded in yet. The Masonry theme version 1.4.2 onwards will have this fixed, but if you have a version before that one (you can check the top of theme.liquid to find the version number), try this:

Open the theme asset jquery.imagesloaded.min.js in the Template Editor.

Now open this file in a different browser tab (or download it and open it in a text editor): jquery.imagesLoaded.min.js

Delete the contents of that theme asset, then copy & paste the contents of the file into the asset.

Save it, then open the theme.liquid template. Scroll down to around line 104, and find the 'jquery.masonry.min.js' and 'jquery.imagesloaded.min.js' script includes:

{{ 'jquery.masonry.min.js' | asset_url | script_tag }}
{{ 'jquery.imagesloaded.min.js' | asset_url | script_tag }}

They might be in a different order. Make sure the one for jquery.imagesloaded is on the line AFTER jquery.masonry. You may need to swap these two lines, you may not.

Save, and that should solve this problem!

© Copyright Clean Themes – Masonry