Для отображения картинок сайта в pop-up окнах необходимо установить:
1. Colorbox модуль - https://www.drupal.org/project/colorbox
2. Colorbox plugin 1.x библиотеку- https://github.com/jackmoore/colorbox/archive/1.x.zip
3. Colorbox Load модуль - https://www.drupal.org/project/colorbox_load
4. NG Lightbox модуль - https://www.drupal.org/project/ng_lightbox
5. IMCE модуль - https://www.drupal.org/project/imce
Библиотеку переименовываем в сolorbox и помещаем в папку libraries. Если такой папки нет, необходимо создать её.
Модули устанавливаем любым удобным способом и подключаем.
Теперь приступим к настройкам.
1. Переходим Администрирование – Конфигурация - Работа с содержимым - Текстовые форматы и редакторы. Выбираем “настроить” формат “Полный HTML” (Full HTML). Проверяем и, если надо, добавляем в “Активную панель” пункты “Вставить изображения используя менеджер файлов IMCE” и “Вставить ссылки используя менеджер файлов IMCE”.
2. Можно также поиграться с настройками модуля Colorbox Администрирование – Конфигурация – Media - Настройки Colorbox. Тут можно выбрать стиль pop-up и т. д.
3. Добавляем изображение в статью.
- Заходим в редактор, формат “Полный HTML”.
- Кликаем на иконку “Вставить изображения используя менеджер файлов IMCE”.
- Закачиваем изображение в любую папку и выбираем его. После этого изображение появилось на странице.
- Выделяем его и кликаем на иконку “Вставить ссылки используя менеджер файлов IMCE”, в окне опять выбираем это же изображение.
- Переходим в формат “Ограниченный HTML” ( Plain text ).
- Добавляем ссылке класс "colorbox". Получается что-то вроде:
<a class="colorbox" href="/sites/default/files/colorbox/image0.png"><img alt="" data-entity-type="" data-entity-uuid="" height="569" src="/sites/default/files/colorbox/image0.png" width="882" /></a>
-Сохраняемся.
4. Проверяем )