crowetic/qortal
1
0
Fork 0
forked from Qortal/qortal
Code Pull Requests 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
*/
document.addEventListener('DOMContentLoaded', () => {
let url = document.querySelector('img').src;
const newUrl = convertToResourceUrl(url);
if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
const imgElements = document.querySelectorAll('img');
imgElements.forEach((img) => {
let url = img.src;
const newUrl = convertToResourceUrl(url);
if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
});
});
/**
* Intercept img src updates
*/
document.addEventListener('DOMContentLoaded', () => {
let img = document.querySelector('img');
let observer = new MutationObserver((changes) => {
changes.forEach(change => {
if (change.attributeName.includes('src')) {
const newUrl = convertToResourceUrl(img.src);
if (newUrl != null) {
document.querySelector('img').src = newUrl;
const imgElements = document.querySelectorAll('img');
imgElements.forEach((img) => {
let observer = new MutationObserver((changes) => {
changes.forEach(change => {
if (change.attributeName.includes('src')) {
const newUrl = convertToResourceUrl(img.src);
if (newUrl != null) {
document.querySelector('img').src = newUrl;
}
}
}
});
});
observer.observe(img, {attributes: true});
});
observer.observe(img, {attributes: true});
});