Изображения сайта в всплывающих окнах (colorbox+insert button)
08.10.2017
Различные плагины для библиотеки Jquery настолько плотно вошли в нашу, что сейчас даже при разработке простейшего сайта без внедрения данных плагинов не обойтись. Одним из таких реализация является плагин «Colorbox», а для работы с ним в Drupal был создан модуль, который также называется «Colorbox». При помощи данного модуля можно вывести очень многое с сайта в всплывающее окно. Я же вам покажу как вывести в в это самое окно – изображения. Итак приступим.
1.Скачиваем модуль « Colorbox » отсюда , устанавливаем и активируем модуль. Как устанавливать модуль в Drupal можно почитать вот здесь . Далее нам необходим сам плагин, иначе только что установленный модуль будет просто бесполезен.
2.Скачиваем плагин вот отсюда . Распаковываем его и копируем в папку sites/all/libraries . Если папки libraries нет, то её необходимо создать. Полный путь у вас должен выглядеть вот так
ОЧЕНЬ красивое модальное окно на CSS за 1 минуту
sites /all /libraries /colorbox
3.Идём в настройки модуля «Colorbox» ( Конфигурация->Colorbox ) и в разделе «Colorbox Plugin Settings» в поле « путь » пишем полный путь до расположения нашего плагина, а именно:
sites /all /libraries /colorbox
Это делается для того, что наш с вами модуль, знал где находится плагин.
4.Далее нам нужно прицепить вывод изображения для какого-нибудь типа материала, пусть это будет «Article». Переходим по пути « Структура->Типы материалов » и напротив типа материалов «Article» переходим в пункт «Управлять отображением»
Далее в поле «image» в пункте «формат» меняем «изображение» на «Colorbox» и далее нам необходимо настроить нужный формат вывода, поэтому жмём на колесико.