AlphaX/qortal
1
0
Fork 0
forked from Qortal/qortal
Code Issues Pull Requests Projects Releases Wiki Activity

Switched to document.querySelectorAll() as otherwise we were only intercepting the first image on the page.

Browse Source
This commit is contained in:
CalDescent 2023-01-29 12:12:47 +00:00
parent 566c6a3f4b
commit 8beffd4dae
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/main/resources/q-apps/q-apps.js
View File

@ -318,29 +318,34 @@ else if (document.attachEvent) {
* Intercept image loads from the DOM * Intercept image loads from the DOM
*/ */
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
let url = document.querySelector('img').src; const imgElements = document.querySelectorAll('img');
const newUrl = convertToResourceUrl(url); imgElements.forEach((img) => {
if (newUrl != null) { let url = img.src;
document.querySelector('img').src = newUrl; const newUrl = convertToResourceUrl(url);
} if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
});
}); });
/** /**
* Intercept img src updates * Intercept img src updates
*/ */
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
let img = document.querySelector('img'); const imgElements = document.querySelectorAll('img');
let observer = new MutationObserver((changes) => { imgElements.forEach((img) => {
changes.forEach(change => { let observer = new MutationObserver((changes) => {
if (change.attributeName.includes('src')) { changes.forEach(change => {
const newUrl = convertToResourceUrl(img.src); if (change.attributeName.includes('src')) {
if (newUrl != null) { const newUrl = convertToResourceUrl(img.src);
document.querySelector('img').src = newUrl; if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
} }
} });
}); });
observer.observe(img, {attributes: true});
}); });
observer.observe(img, {attributes: true});
}); });