Заказать звонок
Каталог
Меню

Всплывающая popup-галерея

1) В контенте страниц есть возможность вывести попап-галерею:


2) Для вывода такого списка картинок со всплывающей галереей, используйте html-разметку ниже. В аттрибуте data-group укажите группу изоюражений, которые будут перелистываться в рамках одной галереи:

<div class="sk-content-images">
    <div class="sk-content-images__inner">
        <a class="sk-content-images__item js-custom-gallery" data-group="city" href="путь до всплывающей картинки 1">
            <img src="путь до превью картинки 1">
        </a>

        <a class="sk-content-images__item js-custom-gallery" data-group="city" href="путь до всплывающей картинки 2">
            <img src="путь до превью картинки 2">
        </a>

        <a class="sk-content-images__item js-custom-gallery" data-group="city" href="путь до всплывающей картинки 3">
            <img src="путь до превью картинки 3">
        </a>
    </div>
</div>


1) Для вывода одиночной картинки со всплывашкой используйте html-разметку:

<a class="js-custom-gallery" title="Весна"  href="[путь до большой картинки]">
    <img class="br-25" src="[путь до превью картинки]">
</a>

ГлавнаяКаталогИскатьПрофиль0Корзина