User:TheMcr/monobook.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

// Add a style element to the page for the hover effect
document.addEventListener('DOMContentLoaded', function () {
    var style = document.createElement('style');
    style.innerHTML = `
        /* CSS for image hover effect */
        img:hover {
            transform: scale(1.1); /* Grows the image to 110% of its original size */
            transition: transform 0.3s ease; /* Smooth transition */
        }
    `;
    document.head.appendChild(style);
});