MediaWiki:Common.js: відмінності між версіями
Wiki (обговорення | внесок) Немає опису редагування Мітка: Ручний відкіт |
Wiki (обговорення | внесок) Немає опису редагування |
||
| Рядок 101: | Рядок 101: | ||
} | } | ||
applyFontSize(); | applyFontSize(); | ||
}); | |||
// Для всех полноразмерных изображений | |||
document.querySelectorAll('img').forEach(img => { | |||
img.addEventListener('click', e => { | |||
e.preventDefault(); | |||
// Создаём overlay | |||
const overlay = document.createElement('div'); | |||
overlay.style.position = 'fixed'; | |||
overlay.style.top = 0; | |||
overlay.style.left = 0; | |||
overlay.style.width = '100%'; | |||
overlay.style.height = '100%'; | |||
overlay.style.background = 'rgba(0,0,0,0.85)'; | |||
overlay.style.display = 'flex'; | |||
overlay.style.flexDirection = 'column'; | |||
overlay.style.justifyContent = 'center'; | |||
overlay.style.alignItems = 'center'; | |||
overlay.style.zIndex = 9999; | |||
// Картинка | |||
const fullImg = document.createElement('img'); | |||
fullImg.src = img.src; | |||
fullImg.style.maxWidth = '90%'; | |||
fullImg.style.maxHeight = '90%'; | |||
overlay.appendChild(fullImg); | |||
// Кнопка закрыть | |||
const closeBtn = document.createElement('button'); | |||
closeBtn.innerText = 'Закрыть'; | |||
closeBtn.style.marginTop = '20px'; | |||
closeBtn.style.padding = '10px 20px'; | |||
closeBtn.style.fontSize = '18px'; | |||
closeBtn.style.cursor = 'pointer'; | |||
closeBtn.addEventListener('click', () => overlay.remove()); | |||
overlay.appendChild(closeBtn); | |||
document.body.appendChild(overlay); | |||
}); | |||
}); | }); | ||