Всё для ВебМастера

В данном уроке мы рассмотрим как создать замечательную и легкую lightbox галерея для сайта с Bootstrap, если вы уже здесь, то вы знаете, что такое Bootstrap и для чего он нужен, но все же для понимания Bootstrap - это свободный набор инструментов для создания сайтов и веб-приложений, благодаря ему мы сегодня и создадим lightbox галерею.



Шаг 1. HTML

Нам необходимо создать разметку, в которой будет содержаться все элементы управления, для этого у нас будет следующий список:



Вы можете добавлять сколько угодно изображений, использовав такую же разметку.

Также не забывайте, что вам нужно подключить стили к вашей странице, где будет галерея:



Внизу страницы Вам необходимо подключить скрипт для Lightbox’a, если вы хотите изменить или убрать нумерацию и подпись к изображениям то вы можете это сделать именно в нем:



За все стили отвечает bootstrap, а за работу Lightbox отвечает одноименный плагин, урок достаточно простой, но возможно, он станет вам полезный. Не забывайте подписываться на наши новости, и добавлять любимые уроки в закладки.

Вот и все. Готово!