MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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";
            });
        }
    });
});