|
@@ -32,25 +32,25 @@ this.lazyLoader = this.lazyLoader || (() => {
|
|
|
const dataBg = element.dataset.bg;
|
|
const dataBg = element.dataset.bg;
|
|
|
if (dataBg && dataBg.startsWith(DATA_URI_PREFIX) && dataBg != EMPTY_DATA_URI && !element.style.backgroundImage.includes(dataBg)) {
|
|
if (dataBg && dataBg.startsWith(DATA_URI_PREFIX) && dataBg != EMPTY_DATA_URI && !element.style.backgroundImage.includes(dataBg)) {
|
|
|
element.style.backgroundImage = "url(" + element.dataset.bg + ")";
|
|
element.style.backgroundImage = "url(" + element.dataset.bg + ")";
|
|
|
- element.removeAttribute("data-bg");
|
|
|
|
|
processElement(element);
|
|
processElement(element);
|
|
|
}
|
|
}
|
|
|
|
|
+ element.removeAttribute("data-bg");
|
|
|
});
|
|
});
|
|
|
doc.querySelectorAll("[data-srcset]").forEach(imgElement => {
|
|
doc.querySelectorAll("[data-srcset]").forEach(imgElement => {
|
|
|
const srcset = imgElement.dataset.srcset;
|
|
const srcset = imgElement.dataset.srcset;
|
|
|
if (srcset && imgElement.srcset != srcset) {
|
|
if (srcset && imgElement.srcset != srcset) {
|
|
|
imgElement.srcset = srcset;
|
|
imgElement.srcset = srcset;
|
|
|
- imgElement.removeAttribute("data-srcset");
|
|
|
|
|
processElement(imgElement);
|
|
processElement(imgElement);
|
|
|
}
|
|
}
|
|
|
|
|
+ imgElement.removeAttribute("data-srcset");
|
|
|
});
|
|
});
|
|
|
doc.querySelectorAll("[data-lazy-srcset]").forEach(imgElement => {
|
|
doc.querySelectorAll("[data-lazy-srcset]").forEach(imgElement => {
|
|
|
const srcset = imgElement.dataset.lazySrcset;
|
|
const srcset = imgElement.dataset.lazySrcset;
|
|
|
if (srcset && imgElement.srcset != srcset) {
|
|
if (srcset && imgElement.srcset != srcset) {
|
|
|
imgElement.srcset = srcset;
|
|
imgElement.srcset = srcset;
|
|
|
- imgElement.removeAttribute("data-lazy-srcset");
|
|
|
|
|
processElement(imgElement);
|
|
processElement(imgElement);
|
|
|
}
|
|
}
|
|
|
|
|
+ imgElement.removeAttribute("data-lazy-srcset");
|
|
|
});
|
|
});
|
|
|
doc.querySelectorAll(".lazyload").forEach(element => {
|
|
doc.querySelectorAll(".lazyload").forEach(element => {
|
|
|
element.classList.add("lazypreload");
|
|
element.classList.add("lazypreload");
|
|
@@ -76,9 +76,9 @@ this.lazyLoader = this.lazyLoader || (() => {
|
|
|
const dataSrc = element.dataset[propertyName || attributeName];
|
|
const dataSrc = element.dataset[propertyName || attributeName];
|
|
|
if (dataSrc && dataSrc.startsWith(DATA_URI_PREFIX) && dataSrc != EMPTY_DATA_URI && element.src != dataSrc) {
|
|
if (dataSrc && dataSrc.startsWith(DATA_URI_PREFIX) && dataSrc != EMPTY_DATA_URI && element.src != dataSrc) {
|
|
|
element.src = element.dataset[propertyName || attributeName];
|
|
element.src = element.dataset[propertyName || attributeName];
|
|
|
- element.removeAttribute("data-" + attributeName);
|
|
|
|
|
processElement(element);
|
|
processElement(element);
|
|
|
}
|
|
}
|
|
|
|
|
+ element.removeAttribute("data-" + attributeName);
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
|
|
|