Галерея Fancybox со стилями Twitter Bootstrap

воскресенье, ноября 22, 2015 Nata Ki 0 Comments

На сайтах довольно часто используется галерея Fancybox. Это практичная галерея, "обросшая" различным полезным функционалом, и к тому же она кроссбраузерная.



Подробнее с библиотекой можно ознакомиться на сайте http://fancyapps.com/. Там же есть инструкция как галерею подключить на сайт. Однако, если у вас сайт сделан на Twitter Bootstrap, то придется кое-что переделывать.

Но, как правило, если тебе в голову что-то приходит, то уже наверняка есть где-то готовое решение. И сейчас это не исключение. На одном сайте была найдена статья с описанием того, как к Fancybox подключить стили отTwitter Bootstrap. Статья находится  здесь: http://bayguzin.ru/main/skriptyi/slajderyi/gallery-fancybox-bootstrap.html

Галерею можно подключить в двух вариантах. Первый - классическая галерея. Выглядеть на странице будет так:

Второй вариант - галерея «Masonry», при которой картинки разного размера выравниваются относительно бутстраповской сетки:

На сайте можно посмотреть демонстрацию работы таких вариантов галерей и скачать скрипты.


0 коммент.: