Как сделать адаптивную галерею изображении в виде слайдера?

Question

[Alex_87]

Добрый день! Прошу помочь мне сделать следующую галерею...
При нажатии на фотографию слайдера, открывалась бы галерея, которую можно будет смотреть посредством стрелок(к сожалению не могу показать изображение... Ошибка при загрузке в toster) На всякий случай скажу, что сделал слайдер при помощи slick slider.
Привожу пример html кода(может нужен...)

<div class="section">
            <div class="sl">
                <div class="sl__slide">
                    <img src="src/images/1.png" alt="" class="sl__img" >
                </div>
                <div class="sl__slide">
                    <img src="src/images/2.png" alt="" class="sl__img" >
                </div>
                <div class="sl__slide">
                    <img src="src/images/3.png" alt="" class="sl__img" >
                </div>
                <div class="sl__slide">
                    <img src="src/images/4.png" alt="" class="sl__img" >
                </div>
            </div>
        </div>

Answer 1

[zoozag]

Посмотрите как устроен любой лайтбокс плагин
fancybox
magnific-popup