Anxhelo Lushka
6 years ago
58 changed files with 57 additions and 659 deletions
@ -1,301 +0,0 @@ |
|||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; |
|
||||
|
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; |
|
||||
|
|
||||
(function (global, factory) { |
|
||||
(typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.LazyLoad = factory(); |
|
||||
})(this, function () { |
|
||||
'use strict'; |
|
||||
|
|
||||
var getInstanceSettings = function getInstanceSettings(customSettings) { |
|
||||
var defaultSettings = { |
|
||||
elements_selector: "img", |
|
||||
container: document, |
|
||||
threshold: 300, |
|
||||
data_src: "src", |
|
||||
data_srcset: "srcset", |
|
||||
data_sizes: "sizes", |
|
||||
class_loading: "loading", |
|
||||
class_loaded: "loaded", |
|
||||
class_error: "error", |
|
||||
callback_load: null, |
|
||||
callback_error: null, |
|
||||
callback_set: null, |
|
||||
callback_enter: null |
|
||||
}; |
|
||||
|
|
||||
return _extends({}, defaultSettings, customSettings); |
|
||||
}; |
|
||||
|
|
||||
var dataPrefix = "data-"; |
|
||||
var processedDataName = "was-processed"; |
|
||||
var processedDataValue = "true"; |
|
||||
|
|
||||
var getData = function getData(element, attribute) { |
|
||||
return element.getAttribute(dataPrefix + attribute); |
|
||||
}; |
|
||||
|
|
||||
var setData = function setData(element, attribute, value) { |
|
||||
return element.setAttribute(dataPrefix + attribute, value); |
|
||||
}; |
|
||||
|
|
||||
var setWasProcessed = function setWasProcessed(element) { |
|
||||
return setData(element, processedDataName, processedDataValue); |
|
||||
}; |
|
||||
|
|
||||
var getWasProcessed = function getWasProcessed(element) { |
|
||||
return getData(element, processedDataName) === processedDataValue; |
|
||||
}; |
|
||||
|
|
||||
function purgeElements(elements) { |
|
||||
return elements.filter(function (element) { |
|
||||
return !getWasProcessed(element); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
/* Creates instance and notifies it through the window element */ |
|
||||
var createInstance = function createInstance(classObj, options) { |
|
||||
var event; |
|
||||
var eventString = "LazyLoad::Initialized"; |
|
||||
var instance = new classObj(options); |
|
||||
try { |
|
||||
// Works in modern browsers
|
|
||||
event = new CustomEvent(eventString, { detail: { instance: instance } }); |
|
||||
} catch (err) { |
|
||||
// Works in Internet Explorer (all versions)
|
|
||||
event = document.createEvent("CustomEvent"); |
|
||||
event.initCustomEvent(eventString, false, false, { instance: instance }); |
|
||||
} |
|
||||
window.dispatchEvent(event); |
|
||||
}; |
|
||||
|
|
||||
/* Auto initialization of one or more instances of lazyload, depending on the |
|
||||
options passed in (plain object or an array) */ |
|
||||
function autoInitialize(classObj, options) { |
|
||||
if (!options.length) { |
|
||||
// Plain object
|
|
||||
createInstance(classObj, options); |
|
||||
} else { |
|
||||
// Array of objects
|
|
||||
for (var i = 0, optionsItem; optionsItem = options[i]; i += 1) { |
|
||||
createInstance(classObj, optionsItem); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
var setSourcesInChildren = function setSourcesInChildren(parentTag, attrName, dataAttrName) { |
|
||||
for (var i = 0, childTag; childTag = parentTag.children[i]; i += 1) { |
|
||||
if (childTag.tagName === "SOURCE") { |
|
||||
var attributeValue = getData(childTag, dataAttrName); |
|
||||
if (attributeValue) { |
|
||||
childTag.setAttribute(attrName, attributeValue); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var setAttributeIfNotNullOrEmpty = function setAttributeIfNotNullOrEmpty(element, attrName, value) { |
|
||||
if (!value) { |
|
||||
return; |
|
||||
} |
|
||||
element.setAttribute(attrName, value); |
|
||||
}; |
|
||||
|
|
||||
var setSources = function setSources(element, settings) { |
|
||||
var sizesDataName = settings.data_sizes, |
|
||||
srcsetDataName = settings.data_srcset, |
|
||||
srcDataName = settings.data_src; |
|
||||
|
|
||||
var srcDataValue = getData(element, srcDataName); |
|
||||
switch (element.tagName) { |
|
||||
case "IMG": |
|
||||
{ |
|
||||
var parent = element.parentNode; |
|
||||
if (parent && parent.tagName === "PICTURE") { |
|
||||
setSourcesInChildren(parent, "srcset", srcsetDataName); |
|
||||
} |
|
||||
var sizesDataValue = getData(element, sizesDataName); |
|
||||
setAttributeIfNotNullOrEmpty(element, "sizes", sizesDataValue); |
|
||||
var srcsetDataValue = getData(element, srcsetDataName); |
|
||||
setAttributeIfNotNullOrEmpty(element, "srcset", srcsetDataValue); |
|
||||
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue); |
|
||||
break; |
|
||||
} |
|
||||
case "IFRAME": |
|
||||
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue); |
|
||||
break; |
|
||||
case "VIDEO": |
|
||||
setSourcesInChildren(element, "src", srcDataName); |
|
||||
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue); |
|
||||
break; |
|
||||
default: |
|
||||
if (srcDataValue) { |
|
||||
element.style.backgroundImage = 'url("' + srcDataValue + '")'; |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var isBot = "onscroll" in window && !/glebot/.test(navigator.userAgent); |
|
||||
|
|
||||
var runningOnBrowser = typeof window !== "undefined"; |
|
||||
|
|
||||
var supportsIntersectionObserver = runningOnBrowser && "IntersectionObserver" in window; |
|
||||
|
|
||||
var supportsClassList = runningOnBrowser && "classList" in document.createElement("p"); |
|
||||
|
|
||||
var addClass = function addClass(element, className) { |
|
||||
if (supportsClassList) { |
|
||||
element.classList.add(className); |
|
||||
return; |
|
||||
} |
|
||||
element.className += (element.className ? " " : "") + className; |
|
||||
}; |
|
||||
|
|
||||
var removeClass = function removeClass(element, className) { |
|
||||
if (supportsClassList) { |
|
||||
element.classList.remove(className); |
|
||||
return; |
|
||||
} |
|
||||
element.className = element.className.replace(new RegExp("(^|\\s+)" + className + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, ""); |
|
||||
}; |
|
||||
|
|
||||
var callCallback = function callCallback(callback, argument) { |
|
||||
if (callback) { |
|
||||
callback(argument); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var loadString = "load"; |
|
||||
var errorString = "error"; |
|
||||
|
|
||||
var removeListeners = function removeListeners(element, loadHandler, errorHandler) { |
|
||||
element.removeEventListener(loadString, loadHandler); |
|
||||
element.removeEventListener(errorString, errorHandler); |
|
||||
}; |
|
||||
|
|
||||
var addOneShotListeners = function addOneShotListeners(element, settings) { |
|
||||
var onLoad = function onLoad(event) { |
|
||||
onEvent(event, true, settings); |
|
||||
removeListeners(element, onLoad, onError); |
|
||||
}; |
|
||||
var onError = function onError(event) { |
|
||||
onEvent(event, false, settings); |
|
||||
removeListeners(element, onLoad, onError); |
|
||||
}; |
|
||||
element.addEventListener(loadString, onLoad); |
|
||||
element.addEventListener(errorString, onError); |
|
||||
}; |
|
||||
|
|
||||
var onEvent = function onEvent(event, success, settings) { |
|
||||
var element = event.target; |
|
||||
removeClass(element, settings.class_loading); |
|
||||
addClass(element, success ? settings.class_loaded : settings.class_error); // Setting loaded or error class
|
|
||||
callCallback(success ? settings.callback_load : settings.callback_error, element); |
|
||||
}; |
|
||||
|
|
||||
function revealElement(element, settings, force) { |
|
||||
if (!force && getWasProcessed(element)) { |
|
||||
return; // element has already been processed and force wasn't true
|
|
||||
} |
|
||||
callCallback(settings.callback_enter, element); |
|
||||
if (["IMG", "IFRAME", "VIDEO"].indexOf(element.tagName) > -1) { |
|
||||
addOneShotListeners(element, settings); |
|
||||
addClass(element, settings.class_loading); |
|
||||
} |
|
||||
setSources(element, settings); |
|
||||
setWasProcessed(element); |
|
||||
callCallback(settings.callback_set, element); |
|
||||
} |
|
||||
|
|
||||
/* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and |
|
||||
entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */ |
|
||||
var isIntersecting = function isIntersecting(element) { |
|
||||
return element.isIntersecting || element.intersectionRatio > 0; |
|
||||
}; |
|
||||
|
|
||||
var getObserverSettings = function getObserverSettings(settings) { |
|
||||
return { |
|
||||
root: settings.container === document ? null : settings.container, |
|
||||
rootMargin: settings.threshold + "px" |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
var LazyLoad = function LazyLoad(customSettings, elements) { |
|
||||
this._settings = getInstanceSettings(customSettings); |
|
||||
this._setObserver(); |
|
||||
this.update(elements); |
|
||||
}; |
|
||||
|
|
||||
LazyLoad.prototype = { |
|
||||
_setObserver: function _setObserver() { |
|
||||
var _this = this; |
|
||||
|
|
||||
if (!supportsIntersectionObserver) { |
|
||||
return; |
|
||||
} |
|
||||
var revealIntersectingElements = function revealIntersectingElements(entries) { |
|
||||
entries.forEach(function (entry) { |
|
||||
if (isIntersecting(entry)) { |
|
||||
var element = entry.target; |
|
||||
_this.load(element); |
|
||||
_this._observer.unobserve(element); |
|
||||
} |
|
||||
}); |
|
||||
_this._elements = purgeElements(_this._elements); |
|
||||
}; |
|
||||
this._observer = new IntersectionObserver(revealIntersectingElements, getObserverSettings(this._settings)); |
|
||||
}, |
|
||||
|
|
||||
loadAll: function loadAll() { |
|
||||
var _this2 = this; |
|
||||
|
|
||||
this._elements.forEach(function (element) { |
|
||||
_this2.load(element); |
|
||||
}); |
|
||||
this._elements = purgeElements(this._elements); |
|
||||
}, |
|
||||
|
|
||||
update: function update(elements) { |
|
||||
var _this3 = this; |
|
||||
|
|
||||
var settings = this._settings; |
|
||||
var nodeSet = elements || settings.container.querySelectorAll(settings.elements_selector); |
|
||||
|
|
||||
this._elements = purgeElements(Array.prototype.slice.call(nodeSet)); // nodeset to array for IE compatibility
|
|
||||
|
|
||||
if (isBot || !this._observer) { |
|
||||
this.loadAll(); |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
this._elements.forEach(function (element) { |
|
||||
_this3._observer.observe(element); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
destroy: function destroy() { |
|
||||
var _this4 = this; |
|
||||
|
|
||||
if (this._observer) { |
|
||||
purgeElements(this._elements).forEach(function (element) { |
|
||||
_this4._observer.unobserve(element); |
|
||||
}); |
|
||||
this._observer = null; |
|
||||
} |
|
||||
this._elements = null; |
|
||||
this._settings = null; |
|
||||
}, |
|
||||
|
|
||||
load: function load(element, force) { |
|
||||
revealElement(element, this._settings, force); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
/* Automatic instances creation if required (useful for async script loading!) */ |
|
||||
var autoInitOptions = window.lazyLoadOptions; |
|
||||
if (runningOnBrowser && autoInitOptions) { |
|
||||
autoInitialize(LazyLoad, autoInitOptions); |
|
||||
} |
|
||||
|
|
||||
return LazyLoad; |
|
||||
}); |
|
||||
@ -1,301 +0,0 @@ |
|||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; |
|
||||
|
|
||||
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; |
|
||||
|
|
||||
(function (global, factory) { |
|
||||
(typeof exports === 'undefined' ? 'undefined' : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : global.LazyLoad = factory(); |
|
||||
})(this, function () { |
|
||||
'use strict'; |
|
||||
|
|
||||
var getInstanceSettings = function getInstanceSettings(customSettings) { |
|
||||
var defaultSettings = { |
|
||||
elements_selector: "img", |
|
||||
container: document, |
|
||||
threshold: 300, |
|
||||
data_src: "src", |
|
||||
data_srcset: "srcset", |
|
||||
data_sizes: "sizes", |
|
||||
class_loading: "loading", |
|
||||
class_loaded: "loaded", |
|
||||
class_error: "error", |
|
||||
callback_load: null, |
|
||||
callback_error: null, |
|
||||
callback_set: null, |
|
||||
callback_enter: null |
|
||||
}; |
|
||||
|
|
||||
return _extends({}, defaultSettings, customSettings); |
|
||||
}; |
|
||||
|
|
||||
var dataPrefix = "data-"; |
|
||||
var processedDataName = "was-processed"; |
|
||||
var processedDataValue = "true"; |
|
||||
|
|
||||
var getData = function getData(element, attribute) { |
|
||||
return element.getAttribute(dataPrefix + attribute); |
|
||||
}; |
|
||||
|
|
||||
var setData = function setData(element, attribute, value) { |
|
||||
return element.setAttribute(dataPrefix + attribute, value); |
|
||||
}; |
|
||||
|
|
||||
var setWasProcessed = function setWasProcessed(element) { |
|
||||
return setData(element, processedDataName, processedDataValue); |
|
||||
}; |
|
||||
|
|
||||
var getWasProcessed = function getWasProcessed(element) { |
|
||||
return getData(element, processedDataName) === processedDataValue; |
|
||||
}; |
|
||||
|
|
||||
function purgeElements(elements) { |
|
||||
return elements.filter(function (element) { |
|
||||
return !getWasProcessed(element); |
|
||||
}); |
|
||||
} |
|
||||
|
|
||||
/* Creates instance and notifies it through the window element */ |
|
||||
var createInstance = function createInstance(classObj, options) { |
|
||||
var event; |
|
||||
var eventString = "LazyLoad::Initialized"; |
|
||||
var instance = new classObj(options); |
|
||||
try { |
|
||||
// Works in modern browsers
|
|
||||
event = new CustomEvent(eventString, { detail: { instance: instance } }); |
|
||||
} catch (err) { |
|
||||
// Works in Internet Explorer (all versions)
|
|
||||
event = document.createEvent("CustomEvent"); |
|
||||
event.initCustomEvent(eventString, false, false, { instance: instance }); |
|
||||
} |
|
||||
window.dispatchEvent(event); |
|
||||
}; |
|
||||
|
|
||||
/* Auto initialization of one or more instances of lazyload, depending on the |
|
||||
options passed in (plain object or an array) */ |
|
||||
function autoInitialize(classObj, options) { |
|
||||
if (!options.length) { |
|
||||
// Plain object
|
|
||||
createInstance(classObj, options); |
|
||||
} else { |
|
||||
// Array of objects
|
|
||||
for (var i = 0, optionsItem; optionsItem = options[i]; i += 1) { |
|
||||
createInstance(classObj, optionsItem); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
var setSourcesInChildren = function setSourcesInChildren(parentTag, attrName, dataAttrName) { |
|
||||
for (var i = 0, childTag; childTag = parentTag.children[i]; i += 1) { |
|
||||
if (childTag.tagName === "SOURCE") { |
|
||||
var attributeValue = getData(childTag, dataAttrName); |
|
||||
if (attributeValue) { |
|
||||
childTag.setAttribute(attrName, attributeValue); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var setAttributeIfNotNullOrEmpty = function setAttributeIfNotNullOrEmpty(element, attrName, value) { |
|
||||
if (!value) { |
|
||||
return; |
|
||||
} |
|
||||
element.setAttribute(attrName, value); |
|
||||
}; |
|
||||
|
|
||||
var setSources = function setSources(element, settings) { |
|
||||
var sizesDataName = settings.data_sizes, |
|
||||
srcsetDataName = settings.data_srcset, |
|
||||
srcDataName = settings.data_src; |
|
||||
|
|
||||
var srcDataValue = getData(element, srcDataName); |
|
||||
switch (element.tagName) { |
|
||||
case "IMG": |
|
||||
{ |
|
||||
var parent = element.parentNode; |
|
||||
if (parent && parent.tagName === "PICTURE") { |
|
||||
setSourcesInChildren(parent, "srcset", srcsetDataName); |
|
||||
} |
|
||||
var sizesDataValue = getData(element, sizesDataName); |
|
||||
setAttributeIfNotNullOrEmpty(element, "sizes", sizesDataValue); |
|
||||
var srcsetDataValue = getData(element, srcsetDataName); |
|
||||
setAttributeIfNotNullOrEmpty(element, "srcset", srcsetDataValue); |
|
||||
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue); |
|
||||
break; |
|
||||
} |
|
||||
case "IFRAME": |
|
||||
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue); |
|
||||
break; |
|
||||
case "VIDEO": |
|
||||
setSourcesInChildren(element, "src", srcDataName); |
|
||||
setAttributeIfNotNullOrEmpty(element, "src", srcDataValue); |
|
||||
break; |
|
||||
default: |
|
||||
if (srcDataValue) { |
|
||||
element.style.backgroundImage = 'url("' + srcDataValue + '")'; |
|
||||
} |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var isBot = "onscroll" in window && !/glebot/.test(navigator.userAgent); |
|
||||
|
|
||||
var runningOnBrowser = typeof window !== "undefined"; |
|
||||
|
|
||||
var supportsIntersectionObserver = runningOnBrowser && "IntersectionObserver" in window; |
|
||||
|
|
||||
var supportsClassList = runningOnBrowser && "classList" in document.createElement("p"); |
|
||||
|
|
||||
var addClass = function addClass(element, className) { |
|
||||
if (supportsClassList) { |
|
||||
element.classList.add(className); |
|
||||
return; |
|
||||
} |
|
||||
element.className += (element.className ? " " : "") + className; |
|
||||
}; |
|
||||
|
|
||||
var removeClass = function removeClass(element, className) { |
|
||||
if (supportsClassList) { |
|
||||
element.classList.remove(className); |
|
||||
return; |
|
||||
} |
|
||||
element.className = element.className.replace(new RegExp("(^|\\s+)" + className + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, ""); |
|
||||
}; |
|
||||
|
|
||||
var callCallback = function callCallback(callback, argument) { |
|
||||
if (callback) { |
|
||||
callback(argument); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
var loadString = "load"; |
|
||||
var errorString = "error"; |
|
||||
|
|
||||
var removeListeners = function removeListeners(element, loadHandler, errorHandler) { |
|
||||
element.removeEventListener(loadString, loadHandler); |
|
||||
element.removeEventListener(errorString, errorHandler); |
|
||||
}; |
|
||||
|
|
||||
var addOneShotListeners = function addOneShotListeners(element, settings) { |
|
||||
var onLoad = function onLoad(event) { |
|
||||
onEvent(event, true, settings); |
|
||||
removeListeners(element, onLoad, onError); |
|
||||
}; |
|
||||
var onError = function onError(event) { |
|
||||
onEvent(event, false, settings); |
|
||||
removeListeners(element, onLoad, onError); |
|
||||
}; |
|
||||
element.addEventListener(loadString, onLoad); |
|
||||
element.addEventListener(errorString, onError); |
|
||||
}; |
|
||||
|
|
||||
var onEvent = function onEvent(event, success, settings) { |
|
||||
var element = event.target; |
|
||||
removeClass(element, settings.class_loading); |
|
||||
addClass(element, success ? settings.class_loaded : settings.class_error); // Setting loaded or error class
|
|
||||
callCallback(success ? settings.callback_load : settings.callback_error, element); |
|
||||
}; |
|
||||
|
|
||||
function revealElement(element, settings, force) { |
|
||||
if (!force && getWasProcessed(element)) { |
|
||||
return; // element has already been processed and force wasn't true
|
|
||||
} |
|
||||
callCallback(settings.callback_enter, element); |
|
||||
if (["IMG", "IFRAME", "VIDEO"].indexOf(element.tagName) > -1) { |
|
||||
addOneShotListeners(element, settings); |
|
||||
addClass(element, settings.class_loading); |
|
||||
} |
|
||||
setSources(element, settings); |
|
||||
setWasProcessed(element); |
|
||||
callCallback(settings.callback_set, element); |
|
||||
} |
|
||||
|
|
||||
/* entry.isIntersecting needs fallback because is null on some versions of MS Edge, and |
|
||||
entry.intersectionRatio is not enough alone because it could be 0 on some intersecting elements */ |
|
||||
var isIntersecting = function isIntersecting(element) { |
|
||||
return element.isIntersecting || element.intersectionRatio > 0; |
|
||||
}; |
|
||||
|
|
||||
var getObserverSettings = function getObserverSettings(settings) { |
|
||||
return { |
|
||||
root: settings.container === document ? null : settings.container, |
|
||||
rootMargin: settings.threshold + "px" |
|
||||
}; |
|
||||
}; |
|
||||
|
|
||||
var LazyLoad = function LazyLoad(customSettings, elements) { |
|
||||
this._settings = getInstanceSettings(customSettings); |
|
||||
this._setObserver(); |
|
||||
this.update(elements); |
|
||||
}; |
|
||||
|
|
||||
LazyLoad.prototype = { |
|
||||
_setObserver: function _setObserver() { |
|
||||
var _this = this; |
|
||||
|
|
||||
if (!supportsIntersectionObserver) { |
|
||||
return; |
|
||||
} |
|
||||
var revealIntersectingElements = function revealIntersectingElements(entries) { |
|
||||
entries.forEach(function (entry) { |
|
||||
if (isIntersecting(entry)) { |
|
||||
var element = entry.target; |
|
||||
_this.load(element); |
|
||||
_this._observer.unobserve(element); |
|
||||
} |
|
||||
}); |
|
||||
_this._elements = purgeElements(_this._elements); |
|
||||
}; |
|
||||
this._observer = new IntersectionObserver(revealIntersectingElements, getObserverSettings(this._settings)); |
|
||||
}, |
|
||||
|
|
||||
loadAll: function loadAll() { |
|
||||
var _this2 = this; |
|
||||
|
|
||||
this._elements.forEach(function (element) { |
|
||||
_this2.load(element); |
|
||||
}); |
|
||||
this._elements = purgeElements(this._elements); |
|
||||
}, |
|
||||
|
|
||||
update: function update(elements) { |
|
||||
var _this3 = this; |
|
||||
|
|
||||
var settings = this._settings; |
|
||||
var nodeSet = elements || settings.container.querySelectorAll(settings.elements_selector); |
|
||||
|
|
||||
this._elements = purgeElements(Array.prototype.slice.call(nodeSet)); // nodeset to array for IE compatibility
|
|
||||
|
|
||||
if (isBot || !this._observer) { |
|
||||
this.loadAll(); |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
this._elements.forEach(function (element) { |
|
||||
_this3._observer.observe(element); |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
destroy: function destroy() { |
|
||||
var _this4 = this; |
|
||||
|
|
||||
if (this._observer) { |
|
||||
purgeElements(this._elements).forEach(function (element) { |
|
||||
_this4._observer.unobserve(element); |
|
||||
}); |
|
||||
this._observer = null; |
|
||||
} |
|
||||
this._elements = null; |
|
||||
this._settings = null; |
|
||||
}, |
|
||||
|
|
||||
load: function load(element, force) { |
|
||||
revealElement(element, this._settings, force); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
/* Automatic instances creation if required (useful for async script loading!) */ |
|
||||
var autoInitOptions = window.lazyLoadOptions; |
|
||||
if (runningOnBrowser && autoInitOptions) { |
|
||||
autoInitialize(LazyLoad, autoInitOptions); |
|
||||
} |
|
||||
|
|
||||
return LazyLoad; |
|
||||
}); |
|
||||
Loading…
Reference in new issue