+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Simple LightBox - симпатичный и адаптивный плагин для показа изображений

Подключаем библиотеки
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="jss/simple-lightbox.js" type="text/javascript"></script>
<!-- стили -->
<link href="css/simplelightbox.min.css" rel="stylesheet" type="text/css">
Выводим наши картинки
<div id="gall1">
<a href="pic/1.jpg"><img src="pic/m1.jpg" title="Заголовок"></a>
<a href="pic/2.jpg"><img src="pic/m2.jpg"></a>
<a href="pic/3.jpg"><img src="pic/m3.jpg"></a>
<a href="pic/3.jpg"><img src="pic/m4.jpg"></a>
</div>
<script>
var $gallery=$('#gall1 a').simpleLightbox();
</script>
Вот и всё!

Демонстрация


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 1049