Add missing on ready for lazy loading of images

commercetools · Jan 25, 2016 · d7ae9e1 · d7ae9e1 · butenkor · Jan 25, 2016
1 parent 5724cd6
commit d7ae9e1
Showing 1 changed file with 23 additions and 22 deletions.
diff --git a/input/assets/js/main.js b/input/assets/js/main.js
@@ -205,31 +205,32 @@ $("ul#bzoom").each(function(index, ul) {
   });
 });
 
-
 // Lazy loading for images
-var loadImage = function(self, imgSource) {
-  self.hide();
-  if (self.is("img")) {
-    self.attr("src", imgSource);
-  } else {
-    self.css("background-image", "url('" + imgSource + "')");
-  }
-  self.fadeIn("slow");
-  return self.removeClass("img-lazy").removeAttr("data-original");
-};
-
-var placeholder = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
-$(".img-lazy").each(function() {
-  var self = $(this);
-  if (self.parent().is(":visible")) {
+$(function() {
+  var loadImage = function(self, imgSource) {
+    self.hide();
     if (self.is("img")) {
-      self.attr("src", placeholder);
+      self.attr("src", imgSource);
+    } else {
+      self.css("background-image", "url('" + imgSource + "')");
     }
-    var imgSource = self.data("original");
-    return $("<img />").bind("load", function() {
-      return loadImage(self, imgSource);
-    }).attr("src", imgSource);
-  }
+    self.fadeIn("slow");
+    return self.removeClass("img-lazy").removeAttr("data-original");
+  };
+
+  var placeholder = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+  $(".img-lazy").each(function() {
+    var self = $(this);
+    if (self.parent().is(":visible")) {
+      if (self.is("img")) {
+        self.attr("src", placeholder);
+      }
+      var imgSource = self.data("original");
+      return $("<img />").bind("load", function() {
+        return loadImage(self, imgSource);
+      }).attr("src", imgSource);
+    }
+  });
 });