This commit is contained in:
Dennis Eichhorn 2017-09-19 14:56:39 +02:00
parent 5565d0a11e
commit de25c32501

View File

@ -20,6 +20,8 @@
*/
jsOMS.UI.GeneralUI = function ()
{
this.visObs = null;
};
/**
@ -39,6 +41,7 @@
}
this.bindHref(e);
this.bindLazyLoad(e);
};
/**
@ -62,4 +65,40 @@
});
}
};
/**
* Bind & rebind UI element.
*
* @param {Object} [e] Element id
*
* @method
*
* @since 1.0.0
*/
jsOMS.UI.GeneralUI.prototype.bindLazyLoad = function (e)
{
e = e !== null ? e.querySelectorAll('[data-lazyload]') : document.querySelectorAll('[data-lazyload]');
const length = e.length;
if(!this.visObs && window.IntersectionObserver) {
this.visObs = new IntersectionObserver(function(eles, obs) {
eles.forEach(ele => {
if (ele.intersectionRatio > 0) {
obs.unobserve(ele.target);
ele.target.src = ele.target.dataset.lazyload;
delete ele.target.dataset.lazyload;
}
});
});
}
for(let i = 0; i < length; i++) {
if(!this.visObs) {
e[i].src = e[i].dataset.lazyload;
delete e[i].dataset.lazyload;
} else {
this.visObs.observe(e[i]);
}
}
};
}(window.jsOMS = window.jsOMS || {}));