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

/* Any JavaScript here will be loaded for all users on every page load. */

$(document).ready(function() {
    if (mw.config.get('wgPageName') === 'Maps') {
        $('.shortBox').hide(); // Hide all .shortBox divs initially
        
        $('.shortBox').each(function(index) {
            $(this).delay(50 * index).fadeIn(600); // Delay and fade in each .shortBox
        });
    }
});


$(document).ready(function() {
    $('.shortBox').on('mousemove', function(event) {
        var $this = $(this);
        var offset = $this.offset();
        var width = $this.width();
        var height = $this.height();
        var centerX = offset.left + width / 2;
        var centerY = offset.top + height / 2;
        var mouseX = event.pageX;
        var mouseY = event.pageY;
        var rotateX = (centerY - mouseY) / height * 10;
        var rotateY = (mouseX - centerX) / width * 10;
        
        $this.css('transform', 'rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
    });

    $('.shortBox').on('mouseleave', function() {
        $(this).css('transform', 'rotateX(0) rotateY(0)');
    });
});