4.0.0-RC1

Author: alexander.farkas

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+### 4.0.0-RC1
+	* make all plugins CommonJS compatible (thx to @claudiobmgrtnr and @jantimon)
+	* added `loadHidden` option(thx to @justinvoelker)
+	* added artdirection plugin (no documentation yet, but great)
+	* iOS 8.1 fixes has to loaded explicitly (not included in respimg plugin anymore)
+	* removed `picture` support for old FF 38-
+
 ## 2.0.0
 
 * lazysizes core:

README.md

@@ -319,6 +319,7 @@ Here the list of options:
 * ``lazySizesConfig.srcsetAttr`` (default: ``"data-srcset"``): The attribute, which should be transformed to ``srcset``.
 * ``lazySizesConfig.sizesAttr`` (default: ``"data-sizes"``): The attribute, which should be transformed to ``sizes``. Makes almost only makes sense with the value ``"auto"``. Otherwise the ``sizes`` attribute should be used directly.
 * ``lazySizesConfig.customMedia`` (default: ``{}``): The ``customMedia`` option object is an alias map for different media queries. It can be used to separate/centralize your multiple specific media queries implementation (layout) from the ``source[media]`` attribute (content/structure) by creating labeled media queries. (See also the [custommedia extension](plugins/custommedia)).
+* ``lazySizesConfig.loadHidden`` (default: ``true``): Wether to load `visibility: hidden` elements.
 ```html
 <script>
 window.lazySizesConfig = window.lazySizesConfig || {};

lazysizes-umd.js

@@ -346,6 +346,7 @@
 						(eLright = rect.right) >= elemNegativeExpand * hFac &&
 						(eLleft = rect.left) <= eLvW &&
 						(eLbottom || eLright || eLleft || eLtop) &&
+						(lazySizesConfig.loadHidden || getCSS(lazyloadElems[i], 'visibility') != 'hidden') &&
 						((isCompleted && isLoading < 3 && !elemExpandVal && (loadMode < 3 || lowRuns < 4)) || isNestedVisible(lazyloadElems[i], elemExpand))){
 						unveilElement(lazyloadElems[i]);
 						loadedSomething = true;
@@ -655,7 +656,8 @@
 			init: true,
 			expFactor: 1.5,
 			hFac: 0.8,
-			loadMode: 2
+			loadMode: 2,
+			loadHidden: true,
 		};
 
 		lazySizesConfig = window.lazySizesConfig || window.lazysizesConfig || {};

lazysizes-umd.min.js

@@ -343,6 +343,7 @@
 						(eLright = rect.right) >= elemNegativeExpand * hFac &&
 						(eLleft = rect.left) <= eLvW &&
 						(eLbottom || eLright || eLleft || eLtop) &&
+						(lazySizesConfig.loadHidden || getCSS(lazyloadElems[i], 'visibility') != 'hidden') &&
 						((isCompleted && isLoading < 3 && !elemExpandVal && (loadMode < 3 || lowRuns < 4)) || isNestedVisible(lazyloadElems[i], elemExpand))){
 						unveilElement(lazyloadElems[i]);
 						loadedSomething = true;
@@ -652,7 +653,8 @@
 			init: true,
 			expFactor: 1.5,
 			hFac: 0.8,
-			loadMode: 2
+			loadMode: 2,
+			loadHidden: true,
 		};
 
 		lazySizesConfig = window.lazySizesConfig || window.lazysizesConfig || {};