version 1.0.3

Author: dryabov

README.md

@@ -46,7 +46,7 @@ jQueryMobile framework.
 Currently tested in IE 6-11, Chrome 1-31, Firefox 1.5-27.0, Safari 3-7, Opera 10.6-18.0, iOS 5-7, Android 2.3-4.4,
 Amazon Kindle Fire 2 and HD 8.9, Opera Mini 7.
 
-**Required jQuery 1.7+ or Zepto 1.0+.**
+**Required jQuery 1.7+, Zepto 1.0+, or DOMtastic 0.7.2+ (note: `attr`, `class`, `data`, `event`, `selector`, and `type` modules are required).**
 
 
 ## Download / Install
@@ -804,6 +804,7 @@ Note that any of Lazy Load XT `dist` files may be loaded from CDN, not only `jqu
 
 ## Version History
 
+- [**1.0.3**](https://github.com/ressio/lazy-load-xt/tree/1.0.3) (28.05.2014): support DOMstatic library (`attr`, `class`, `data`, `event`, `selector`, and `type` modules are required); fix loading of images on browser's tab activation
 - [**1.0.2**](https://github.com/ressio/lazy-load-xt/tree/1.0.2) (05.03.2014): fix work in jQuery Mobile 1.4
 - [**1.0.1**](https://github.com/ressio/lazy-load-xt/tree/1.0.1) (16.02.2014): fix triggering `lazyload` and `lazyerror`
   events in `scrset` and `picture` addons

bower.json

@@ -1,7 +1,7 @@
 {
     "name": "lazyloadxt",
-    "description": "Lazy Load XT is mobile-oriented, fast and extensible jQuery plugin for lazy loading of images, videos and other media with built-in support of jQueryMobile framework. It improves performance of website by loading visible media elements only, and elements below the fold are loaded after page scroll. The plugin has many options, supports callbacks and special lazy events, that allows to have different loading effects (e.g. fade in and spinner effects). Examples of plugin and its addons include ajax, background images, infinite scroll, horizontal scroll, iframe-based widgets (YouTube, Vimeo, Google Maps Engine Lite, Facebook recommend button, Google+ profile), html5 video, responsive images with retina support (srcset and picture polyfills), social widgets (embedded tweet, Twitter share button, Google Plus badge and share button, Facebook like and recommend buttons, Facebook post comments), load all images before print, etc. Tested in IE 6-11, Chrome 1-31, Firefox 1.5-27.0, Safari 3-7, Opera 10.6-18.0, iOS 5-7, Android 2.3-4.4, and WP8. Requires jQuery 1.7+ or Zepto 1.0+.",
-    "version": "1.0.2",
+    "description": "Lazy Load XT is mobile-oriented, fast and extensible jQuery plugin for lazy loading of images, videos and other media with built-in support of jQueryMobile framework. It improves performance of website by loading visible media elements only, and elements below the fold are loaded after page scroll. The plugin has many options, supports callbacks and special lazy events, that allows to have different loading effects (e.g. fade in and spinner effects). Examples of plugin and its addons include ajax, background images, infinite scroll, horizontal scroll, iframe-based widgets (YouTube, Vimeo, Google Maps Engine Lite, Facebook recommend button, Google+ profile), html5 video, responsive images with retina support (srcset and picture polyfills), social widgets (embedded tweet, Twitter share button, Google Plus badge and share button, Facebook like and recommend buttons, Facebook post comments), load all images before print, etc. Tested in IE 6-11, Chrome 1-31, Firefox 1.5-27.0, Safari 3-7, Opera 10.6-18.0, iOS 5-7, Android 2.3-4.4, and WP8. Requires jQuery 1.7+, Zepto 1.0+, or DOMtastic 0.7.2+.",
+    "version": "1.0.3",
     "main": ["dist/jquery.lazyloadxt.js", "dist/jquery.lazyloadxt.extra.js"],
     "authors": ["RESS.io"],
     "homepage": "http://ressio.github.io/lazy-load-xt",

dist/jquery.lazyloadxt.autoload.js

@@ -1,4 +1,4 @@
-/*! Lazy Load XT v1.0.2 2014-03-05
+/*! Lazy Load XT v1.0.3 2014-05-28
  * http://ressio.github.io/lazy-load-xt
  * (C) 2014 RESS.io
  * Licensed under MIT */
@@ -15,4 +15,4 @@
         }, options.autoLoadTime);
     });
 
-})(window.jQuery || window.Zepto);
+})(window.jQuery || window.Zepto || window.$);

dist/jquery.lazyloadxt.autoload.min.js

@@ -1,4 +1,4 @@
-/*! Lazy Load XT v1.0.2 2014-03-05
+/*! Lazy Load XT v1.0.3 2014-05-28
  * http://ressio.github.io/lazy-load-xt
  * (C) 2014 RESS.io
  * Licensed under MIT */
@@ -16,4 +16,4 @@
             .removeAttr(bgAttr);
     });
 
-})(window.jQuery || window.Zepto);
+})(window.jQuery || window.Zepto || window.$);

dist/jquery.lazyloadxt.bg.js

@@ -1,4 +1,4 @@
-/*! Lazy Load XT v1.0.2 2014-03-05
+/*! Lazy Load XT v1.0.3 2014-05-28
  * http://ressio.github.io/lazy-load-xt
  * (C) 2014 RESS.io
  * Licensed under MIT */
@@ -20,7 +20,7 @@
             forceLoad: forceLoad, // force auto load all images
 
             loadEvent: 'pageshow', // check AJAX-loaded content in jQueryMobile
-            updateEvent: 'load orientationchange resize scroll touchmove', // page-modified events
+            updateEvent: 'load orientationchange resize scroll touchmove focus', // page-modified events
             forceEvent: '', // force loading of all elements
 
             //onstart: null,
@@ -45,6 +45,15 @@
         $data = $.data || function (el, name) {
             return $(el).data(name);
         },
+    // $.contains is not included into DOMtastic, so implement it there
+        $contains = $.contains || function (parent, el) {
+            while (el = el.parentNode) {
+                if (el === parent) {
+                    return true;
+                }
+            }
+            return false;
+        },
         elements = [],
         topLazy = 0,
     /*
@@ -66,6 +75,13 @@
         return obj[prop] === undefined ? options[prop] : obj[prop];
     }
 
+    /**
+     * @returns {number}
+     */
+    function scrollTop() {
+        var scroll = window.pageYOffset;
+        return (scroll === undefined) ? docElement.scrollTop : scroll;
+    }
 
     /**
      * Add new elements to lazy-load list:
@@ -89,19 +105,19 @@
             elementOptionsOverrides[prop] = getOrDef(overrides, prop);
         }
 
-        return this.each(function () {
-            if (this === window) {
+        return this.each(function (el) {
+            if (el === window) {
                 $(options.selector).lazyLoadXT(overrides);
             } else {
                 // prevent duplicates
-                if (checkDuplicates && $data(this, dataLazied)) {
+                if (checkDuplicates && $data(el, dataLazied)) {
                     return;
                 }
 
-                var $el = $(this).data(dataLazied, 1);
+                var $el = $(el).data(dataLazied, 1);
 
-                if (blankImage && $el[0].tagName === 'IMG' && !this.src) {
-                    this.src = blankImage;
+                if (blankImage && el.tagName === 'IMG' && !el.src) {
+                    el.src = blankImage;
                 }
 
                 // clone elementOptionsOverrides object
@@ -126,9 +142,12 @@
             if ($isFunction(handler)) {
                 handler.call($el[0]);
             } else {
-                $el
-                    .addClass(handler.addClass || '')
-                    .removeClass(handler.removeClass || '');
+                if (handler.addClass) {
+                    $el.addClass(handler.addClass);
+                }
+                if (handler.removeClass) {
+                    $el.removeClass(handler.removeClass);
+                }
             }
         }
 
@@ -161,9 +180,9 @@
 
         topLazy = Infinity;
 
-        var viewportTop = $window.scrollTop(),
-            viewportHeight = window.innerHeight || $window.height(),
-            viewportWidth = window.innerWidth || $window.width(),
+        var viewportTop = scrollTop(),
+            viewportHeight = window.innerHeight || docElement.clientHeight,
+            viewportWidth = window.innerWidth || docElement.clientWidth,
             i,
             length;
 
@@ -176,7 +195,7 @@
                 topEdge;
 
             // remove items that are not in DOM
-            if (!$.contains(docElement, el)) {
+            if (!$contains(docElement, el)) {
                 removeNode = true;
             } else if (force || !objData.visibleOnly || el.offsetWidth || el.offsetHeight) {
 
@@ -246,7 +265,7 @@
 
         // fast check for scroll event without new visible elements
         if (e && e.type === 'scroll' && e.currentTarget === window) {
-            if (topLazy >= $window.scrollTop()) {
+            if (topLazy >= scrollTop()) {
                 return;
             }
         }
@@ -292,8 +311,7 @@
         }
     });
 
-})(window.jQuery || window.Zepto, window, document);
-
+})(window.jQuery || window.Zepto || window.$, window, document);
 
 (function ($) {
     var options = $.lazyLoadXT;
@@ -308,13 +326,13 @@
         $el
             .attr('poster', $el.attr(options.videoPoster))
             .children('source,track')
-            .each(function () {
-                var $child = $(this);
+            .each(function (el) {
+                var $child = $(el);
                 $child.attr('src', isFuncSrcAttr ? srcAttr($child) : $child.attr(srcAttr));
             });
 
         // reload video
         this.load();
     });
 
-})(window.jQuery || window.Zepto);
+})(window.jQuery || window.Zepto || window.$);

dist/jquery.lazyloadxt.bg.min.js

@@ -1,4 +1,4 @@
-/*! Lazy Load XT v1.0.2 2014-03-05
+/*! Lazy Load XT v1.0.3 2014-05-28
  * http://ressio.github.io/lazy-load-xt
  * (C) 2014 RESS.io
  * Licensed under MIT */

dist/jquery.lazyloadxt.extra.js

@@ -1,3 +1,3 @@
-/* Lazy Load XT 1.0.2 | MIT License */
+/* Lazy Load XT 1.0.3 | MIT License */
 
 .lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:1}