MontoyaTech/ignite-html-lazyload
MontoyaTech/ignite-html-lazyload
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added callback function to lazy load plugin so templates can do things once the image has been lazy loaded.

Browse Source
This commit is contained in:
Matt Mo 2021-08-18 10:18:40 -07:00
parent 4e61d215aa
commit 9e6dbed0c7
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ignite-html-lazyload.js
View File

@ -59,9 +59,10 @@ class IgniteLazyLoad {
/** /**
* Lazy loads an image in the src attribute for this element. * Lazy loads an image in the src attribute for this element.
* @param {string|Function|IgniteProperty} placeholder The palceholder image to use before the image is loaded. If null, a default one will be used. * @param {string|Function|IgniteProperty} placeholder The palceholder image to use before the image is loaded. If null, a default one will be used.
* @param {Function|IgniteProperty} callback The callback function to invoke once the image has been lazy loaded in. By default null.
* @returns {IgniteTemplate} This ignite template. * @returns {IgniteTemplate} This ignite template.
*/ */
IgniteTemplate.prototype.lazy = function (placeholder = null) { IgniteTemplate.prototype.lazy = function (placeholder = null, callback = null) {
//See if we have a src attribute already defined. //See if we have a src attribute already defined.
if (this._attributes["src"]) { if (this._attributes["src"]) {
//Save the original source. //Save the original source.
@ -88,6 +89,13 @@ IgniteTemplate.prototype.lazy = function (placeholder = null) {
this._attributes["src"] = this._lazy_src; this._attributes["src"] = this._lazy_src;
this.element.setAttribute("src", this._lazy_src); this.element.setAttribute("src", this._lazy_src);
this._lazy_src = null; this._lazy_src = null;
//If we have a callback invoke it.
if (callback instanceof IgniteProperty) {
callback.value();
} else if (callback instanceof Function) {
callback();
}
} }
}); });
}); });