У меня есть вот такой код
<div class="image" id="image" style="background-image:url('...')"></div>
Мне нужно чтобы при клике на этот див вылазило модальное окно на весь экран (или почти на весь, главное чтобы большого размера) с изображением, которое находится внутри этого дива. Как это можно реализовать? Без разницы подключая ли js или можно через css, не имеет значения.
Вот тебе на js и без подключения каких-либо библиотек.
var image = document.querySelector('.image');
image.addEventListener(click, function() {
image.classList.toggle('show');
});
Вот решение jQuery, взято с официального сайта:
$( "#foo" ).toggleClass( className, addOrRemove );
И проверка:
if ( addOrRemove ) {
$( "#foo" ).addClass( className );
} else {
$( "#foo" ).removeClass( className );
}
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Добрый день коллегиЕсть сайт на bootstrap, он отлично сжимается на мобилке/планшете/нетбуке, без косяков
Как можно реализовать подобный слайдер с неким наложением текущей картинки поверх