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'); // Для каждого изображения добавляем обработчик события 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); }); });