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

document.addEventListener('DOMContentLoaded', function () {
    // Handle images
    var images = document.querySelectorAll('img'); // Select all images on the page

   images.forEach(function (image) {
    // On mouse enter (hover)
    image.addEventListener('mouseenter', function () {
        image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease';  // Smooth transition for scaling and shadow
        image.style.transform = 'scale(1.1) translateY(-10px)'; // Grow and move up by 10px
        image.style.boxShadow = '0px 10px 20px rgba(0, 0, 0, 0.3)';
  
    });

    // On mouse leave (hover out)
    image.addEventListener('mouseleave', function () {
        image.style.transition = 'transform 0.3s ease, box-shadow 0.3s ease';
        image.style.transform = 'scale(1) translateY(0)'; // Reset size and position
        image.style.boxShadow = 'none'; // Remove the shadow
 
    });

});

console.log("donne");
});