MediaWiki:Common.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

// Находим все изображения на странице
var images = document.querySelectorAll('.mw-default-size img');

console.log(images);

// Для каждого изображения добавляем обработчик события
images.forEach(function(image) {
    image.addEventListener('click', function() {
        // Создаем элемент для полноэкранного просмотра
        var fullscreenContainer = document.createElement('div');
        fullscreenContainer.className = 'fullscreen-container';

        // Создаем изображение для полноэкранного просмотра
        var fullscreenImage = document.createElement('img');
        fullscreenImage.src = image.src;
        fullscreenImage.className = 'fullscreen-image';

        // Создаем кнопку для закрытия полноэкранного режима
        var closeButton = document.createElement('button');
        closeButton.textContent = 'Закрыть';
        closeButton.className = 'close-button';

        // Добавляем обработчик события для кнопки закрытия
        closeButton.addEventListener('click', function() {
            // Удаляем элементы при закрытии полноэкранного режима
            fullscreenContainer.remove();
        });

        // Добавляем изображение и кнопку закрытия в контейнер для полноэкранного просмотра
        fullscreenContainer.appendChild(fullscreenImage);
        fullscreenContainer.appendChild(closeButton);

        // Добавляем контейнер в тело документа
        document.body.appendChild(fullscreenContainer);
    });
});