Extend elements_selector option to also support element and not only …

…string (verlok#130)
dexter0201 · Sep 13, 2017 · 9e9ef6b · 9e9ef6b
1 parent 197e72f
commit 9e9ef6b
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 6 deletions.
diff --git a/dist/lazyload.es2015.js b/dist/lazyload.es2015.js
@@ -163,7 +163,9 @@ LazyLoad.prototype = {
 
     update: function () {
         const settings = this._settings;
-        const elements = settings.container.querySelectorAll(settings.elements_selector);
+        const elements = typeof settings.elements_selector === "object" 
+                        ? settings.elements_selector 
+                        : settings.container.querySelectorAll(settings.elements_selector);
 
         this._elements = purgeElements(Array.prototype.slice.call(elements)); // nodeset to array for IE compatibility
         if (this._observer) {

diff --git a/dist/lazyload.js b/dist/lazyload.js
@@ -173,7 +173,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
             var _this2 = this;
 
             var settings = this._settings;
-            var elements = settings.container.querySelectorAll(settings.elements_selector);
+            var elements = _typeof(settings.elements_selector) === "object" ? settings.elements_selector : settings.container.querySelectorAll(settings.elements_selector);
 
             this._elements = purgeElements(Array.prototype.slice.call(elements)); // nodeset to array for IE compatibility
             if (this._observer) {

diff --git a/dist/lazyload.min.js b/dist/lazyload.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vanilla-lazyload",
-  "version": "10.0.1",
+  "version": "10.0.2",
   "description": "A fast, lightweight script to load images as they enter the viewport. SEO friendly, it supports responsive images (both srcset + sizes and picture) and progressive JPEG",
   "main": "dist/lazyload.min.js",
   "devDependencies": {

diff --git a/src/lazyload.js b/src/lazyload.js
@@ -35,7 +35,9 @@ LazyLoad.prototype = {
 
     update: function () {
         const settings = this._settings;
-        const elements = settings.container.querySelectorAll(settings.elements_selector);
+        const elements = typeof settings.elements_selector === "object" 
+                        ? settings.elements_selector 
+                        : settings.container.querySelectorAll(settings.elements_selector);
 
         this._elements = purgeElements(Array.prototype.slice.call(elements)); // nodeset to array for IE compatibility
         if (this._observer) {

diff --git a/typings/lazyload.d.ts b/typings/lazyload.d.ts
@@ -1,7 +1,7 @@
 interface ILazyLoadOptions {
     threshold?: number;
     container?: HTMLElement;
-    elements_selector?: string;
+    elements_selector?: any;
     throttle?: number;
     data_src?: string;
     data_srcset?: string;