Check readyState that works with different browsers.

diff --git a/js/foundation.util.timerAndImageLoader.js b/js/foundation.util.timerAndImageLoader.js
index 2e9f9e6738161d7601702979385f87a593fd2709..0da3e054e193abbdc8377fe0b58b40e7acef06d4 100644 (file)
--- a/js/foundation.util.timerAndImageLoader.js
+++ b/js/foundation.util.timerAndImageLoader.js
@@ -59,12 +59,11 @@ function onImagesLoaded(images, callback){
   }
 
   images.each(function() {
-    if (this.complete) {
-      singleImageLoaded();
-    }
-    else if (typeof this.naturalWidth !== 'undefined' && this.naturalWidth > 0) {
+    // Check if image is loaded
+    if (this.complete || (this.readyState === 4) || (this.readyState === 'complete')) {
       singleImageLoaded();
     }
+    // Force load the image
     else {
       $(this).one('load', function() {
         singleImageLoaded();