Removed "height:0" for images with unknown height (img.responsively-lazy), because they are not visible in unsupported browsers.

Author: ivopetkov

README.md

@@ -62,7 +62,7 @@ Let's not break it when we can enhance it.
 
 ## Browser support
 
-The lazy loading works in browsers supporting the srcset attribute. As of August 2015 that's [62.78%](http://caniuse.com/#feat=srcset). Unsupported browsers will load the image in the src attribute. That's the image search engines and social networks will find, so it's better to make it high resolution.
+The lazy loading works in browsers supporting the srcset attribute. As of December 2015 that's [66.47%](http://caniuse.com/#feat=srcset). Unsupported browsers will load the image in the src attribute. That's the image search engines and social networks will find, so it's better to make it high resolution.
 
 ## License
 Free to use under the [MIT license](http://opensource.org/licenses/MIT).

package.json

@@ -1,7 +1,7 @@
 {
     "name": "responsively-lazy",
     "title": "Responsively Lazy",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "description": "Lazy load responsive images",
     "homepage": "http://ivopetkov.com/b/lazy-load-responsive-images/",
     "author": {

responsivelyLazy.css

@@ -20,5 +20,4 @@
 
 img.responsively-lazy{
     width:100%;
-    height:0;
 }

responsivelyLazy.js

@@ -101,9 +101,6 @@ if (typeof responsivelyLazy === 'undefined') {
                 if (container.lastSetOption[1] < bestSelectedOption[1]) {
                     container.lastSetOption = bestSelectedOption;
                     element.setAttribute('srcset', bestSelectedOption[0]);
-                    if (unknownHeight) {
-                        element.style.height = "auto";
-                    }
                 }
 
             }

responsivelyLazy.min.css

@@ -4,4 +4,4 @@
  * Copyright 2015, Ivo Petkov
  * Free to use under the MIT license.
 */
-.responsively-lazy:not(img){position:relative;height:0}.responsively-lazy:not(img) img{position:absolute;top:0;left:0;width:100%;height:100%}img.responsively-lazy{width:100%;height:0}
+.responsively-lazy:not(img){position:relative;height:0}.responsively-lazy:not(img) img{position:absolute;top:0;left:0;width:100%;height:100%}img.responsively-lazy{width:100%;}