Merge pull request #15 from aurora/fix-resize

Resize does not work properly, if width/height attribute are not set on the image tag
brunjo · Nov 11, 2014 · d7adae1 · d7adae1
2 parents a68d0c4 + 7f07e42
commit d7adae1
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/jquery.row-grid.js b/jquery.row-grid.js
@@ -37,7 +37,7 @@
     // read
     var containerWidth = container.clientWidth-parseFloat($(container).css('padding-left'))-parseFloat($(container).css('padding-right'));
     var itemAttrs = [];
-    var theImage;
+    var theImage, w, h;
     for(var i = 0; i < itemsSize; ++i) {
       theImage = items[i].getElementsByTagName('img')[0];
       if (!theImage) {
@@ -47,9 +47,16 @@
         continue;
       }
       // get width and height via attribute or js value
+      if (!(w = parseInt(theImage.getAttribute('width')))) {
+        theImage.setAttribute('width', w = theImage.offsetWidth);
+      } 
+      if (!(h = parseInt(theImage.getAttribute('height')))) {
+        theImage.setAttribute('height', h = theImage.offsetHeight);
+      } 
+
       itemAttrs[i] = {
-        width: parseInt(theImage.getAttribute('width')) || theImage.offsetWidth,
-        height: parseInt(theImage.getAttribute('height')) || theImage.offsetHeight
+        width: w,
+        height: h
       };
     }
     itemsSize = items.length;