среда, 30 сентября, 2015 - 14:29

Установка модуля

drush en -y fancybox && drush fancybox-download

Официальная документация Fancybox: http://fancyapps.com/fancybox/#docs.

Описание

Добавляет возможность использовать fancybox на сайте для картинок и всплывающих форм.

Примеры

Первый способ.
Работает с поля типа изображение.

Добавим fancybox на изображения в анонсе статей ( admin/structure/types/manage/article/display/teaser ).
Для этого достаточно выбрать widget fancybox.

article display teaser

И нажать "Сохранить".

Теперь при нажатие на картинку мы увидим fancybox с картинкой.

article display teaser

Второй способ.
Работает на css классах достаточно добавить класс "fancybox" на ссылку и указываем группу через атрибут "rel".

<a href="image.jpg" class="fancybox" rel="group1">
  <img src="...">
</a>

Таким образом можно подключать fancybox и в своём коде.

Теги: