@Novamoscow

Image-lightbox плагин как правильно настроить?

Еще плохо знаю JQ и JS. Прошу помощи.
Задача простая, открыть картинку при клике на полный экран. (плюс хочу при нажатии на одну картинку, открыть галлерею из нескольких)

Нашел для этого дела вот такой вот плагин.
https://osvaldas.info/image-lightbox-responsive-to...

Но как обычно это бывает возникла сложность в первом запуске.

Можно вас попросить помочь с написание простого примера (увеличение одной картинки при клике)

Вот такой пример HTML кода из документации
<img src="picture.jpg" id="imagelightbox" />

Пример CSS
#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}


И пример самого JS
<script>
    $( function()
    {
        $( 'a' ).imageLightbox();
    });
</script>
  • Вопрос задан
  • 2276 просмотров
Решения вопроса 2
Правильный пример
<a href="picture.jpg">
<img src="picture.jpg" />
</a>
<script>
    $( function()
    {
        $( 'a' ).imageLightbox();
    });
</script>
Ответ написан
userAlexander
@userAlexander
Верстка наше все)
Например этот лайтбокс лучше и проще - magnific-popup
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы