MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| 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(".image- | document.querySelectorAll(".image-link").forEach(link => { | ||
link. | let imgUrl = link.getAttribute("data-img"); | ||
let | 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"; | |||
}); | |||
} | |||
}); | }); | ||
}); | }); | ||
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";
});
}
});
});