update

yangjingzwb · Jan 27, 2015 · 59bcab1 · 59bcab1
1 parent 49957de
commit 59bcab1
Show file tree

Hide file tree

Showing 18 changed files with 19 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -173,7 +173,7 @@ Here the list of options:
 * ``lazySizesConfig.lazyClass`` (default: ``"lazyload"``): Marker class for all elements which should be lazy loaded (There can be only one ``class``. In case you need to add some other element, without the defined class, simply add it per JS: ``$('.lazy-others').addClass('lazyload');``)
 * ``lazySizesConfig.preloadAfterLoad`` (default: ``false``): Wether lazysizes should load all elements after the window onload event. Note: lazySizes will then still download those not-in-view images inside of a lazy queue, so that other downloads after onload are not blocked.) In case this option is ``false`` and not providing a suitable low quality image placeholder will hide below the fold images from google.
 * ``lazySizesConfig.preloadClass`` (default: ``"lazypreload"``): Marker class for elements which should be lazy pre-loaded after onload. Those elements will be even preloaded, if the ``preloadAfterLoad`` option is set to ``false``. Note: This *class* can also simply dynamically set (``$currentSlide.next().find('.lazyload').addClass('lazypreload');``).
-* ``lazySizesConfig.addClasses`` (default: ``true``): Wether lazysizes should add loading and loaded classes. This can be used to add unveil effects or to apply new styles (background-image). (see also ``preloadAfterLoad`` option). Note: The default of this option was changed from ``false`` to ``true`` with version 0.8.3.
+* ``lazySizesConfig.addClasses`` (default: ``true``): Wether lazysizes should add loading and loaded classes. This can be used to add unveil effects or to apply new styles (background-image).
 * ``lazySizesConfig.loadingClass`` (default: ``"lazyloading"``): If ``addClasses`` is set to ``true`` this ``class`` will be added to ``img`` element as soon as image loading starts. Can be used to add unveil effects.
 * ``lazySizesConfig.loadedClass`` (default: ``"lazyloaded"``): If ``addClasses`` is set to ``true`` this ``class`` will be added to any element as soon as the image is loaded or the image comes into view. Can be used to add unveil effects or to apply styles.
 * ``lazySizesConfig.expand`` (default: ``150``): The ``expand`` option expands the calculated visual viewport area in all directions, so that elements can be loaded before they are becoming visible. (Note: Reasonable values are between ``30`` and ``200``.) In case you have a lot of small images or you are using the LQIP pattern you can lower the value, in case you have larger images set it to a higher value. Also note, that lazySizes will dynamically shrink this value to ``0``, if the browser is currently downloading and expand it (by multiplying the ``expand`` option with ``3.5``) if the browser network is currently idling. This option can be overridden with the ``[data-expand]`` attribute.

diff --git a/animate.html b/animate.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title>lazysizes - the umltimate lazyloader for responsive images, iframes and widget</title>
+	<link rel="canonical" href="http://afarkas.github.io/lazysizes/index.html" />
 
 	<!-- polyfill responsive images: https://github.com/aFarkas/respimage -->
 	<script>

diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
 	"name": "lazysizes",
 	"repo": "afarkas/lazysizes",
-	"version": "0.8.1",
+	"version": "0.9.0-RC1",
 	"main": "lazysizes.js",
 	"scripts": [
 		"lazysizes.js",

diff --git a/component.json b/component.json
@@ -1,6 +1,6 @@
 {
 	"name": "lazysizes",
-	"version": "0.8.1",
+	"version": "0.9.0-RC1",
 	"repo": "afarkas/lazysizes",
 	"main": "lazysizes.min.js",
 	"scripts": ["lazysizes.min.js"],

diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title>lazysizes - the umltimate lazyloader for responsive images, iframes and widget</title>
+	<link rel="canonical" href="http://afarkas.github.io/lazysizes/index.html" />
 
 	<!-- polyfill responsive images: https://github.com/aFarkas/respimage -->
 	<script>

diff --git a/lazysizes.js b/lazysizes.js
@@ -424,7 +424,7 @@
 
 			addEventListener('hashchange', throttledCheckElements, true);
 
-			['transitionstart', 'transitionend', 'load', 'focus', 'mouseover', 'animationend'].forEach(function(evt){
+			['transitionstart', 'transitionend', 'load', 'focus', 'mouseover', 'animationend', 'click'].forEach(function(evt){
 				document.addEventListener(evt, throttledCheckElements, true);
 			});
 

diff --git a/lazysizes.min.js b/lazysizes.min.js
diff --git a/no-src.html b/no-src.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title>lazysizes - the umltimate lazyloader for responsive images, iframes and widget</title>
+	<link rel="canonical" href="http://afarkas.github.io/lazysizes/index.html" />
 
 	<!-- polyfill responsive images: https://github.com/aFarkas/respimage -->
 	<script>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lazysizes",
-  "version": "0.8.1",
+  "version": "0.9.0-RC1",
   "filename": "lazysizes.min.js",
   "author": "Alexander Farkas <info@corrupt-system.de>",
   "repository": {

diff --git a/plugins/bgset/ls.bgset.min.js b/plugins/bgset/ls.bgset.min.js
diff --git a/plugins/custommedia/ls.custommedia.min.js b/plugins/custommedia/ls.custommedia.min.js