MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
Created page with "→Any JavaScript here will be loaded for all users on every page load.: document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".hover-image").forEach(function (element) { let imgSrc = element.getAttribute("data-image"); if (imgSrc) { let preview = document.createElement("img"); preview.src = imgSrc; preview.style.position = "absolute"; preview.style.width = "200px"; //..." |
No edit summary |
||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
document.addEventListener("DOMContentLoaded", function () { | document.addEventListener("DOMContentLoaded", function () { | ||
document.querySelectorAll(". | document.querySelectorAll(".image-link").forEach(link => { | ||
let | let imgUrl = link.getAttribute("data-img"); | ||
if ( | if (imgUrl) { | ||
let | let previewDiv = document.createElement("div"); | ||
previewDiv.classList.add("image-preview"); | |||
previewDiv.style.backgroundImage = `url('${imgUrl}')`; | |||
link.parentNode.insertBefore(previewDiv, link.nextSibling); | |||
link.addEventListener("mouseenter", () => { | |||
previewDiv.style.display = "block"; | |||
}); | }); | ||
link.addEventListener("mouseleave", () => { | |||
previewDiv.style.display = "none"; | |||
}); | }); | ||
} | } | ||
}); | }); | ||
}); | }); | ||
Latest revision as of 19:04, 13 February 2025
/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".image-link").forEach(link => {
let imgUrl = link.getAttribute("data-img");
if (imgUrl) {
let previewDiv = document.createElement("div");
previewDiv.classList.add("image-preview");
previewDiv.style.backgroundImage = `url('${imgUrl}')`;
link.parentNode.insertBefore(previewDiv, link.nextSibling);
link.addEventListener("mouseenter", () => {
previewDiv.style.display = "block";
});
link.addEventListener("mouseleave", () => {
previewDiv.style.display = "none";
});
}
});
});