Lightbox эффект в статьях на вашем сайте на drupal

Повсеместно распространенная библиотека lightview, и уже ставший обыденным эффект отдельно открывающегося окошка с картинкой, однажды понабились и мне. Так как приладить это нужно было к сайту на drupal (6я версия), то я не долго думая скачал модуль lightbox2.

Некоторое время почитал аннотацию по установке, вспомнил за одно, что нужно не просто так вставить картинку, а ещё и создавать миниатюру… Прошло минут 15 и я решил найти готовое решение, так  как мне самому не хотелось вставлять картинки каждый раз, когда понадобится lightbox. Надо было найти что то, позволяющее редакторам делать это без меня. Меня бы устроил вариант, когда в статью вставляется оригинальная картинка, которой в атрибутах присваивается какие то сигнальные значение, что заставляет программу автоматически подставлять миниатюру картинки вместо оригинала, и при этом создаётся кусочек кода, соответствующий требованиям lightbox.

Прошло ещё минут 15. Я  нашел несколько вариантов — один из них использование модуля image_resize_filter версии 6.x-1.9. Там было довольно по-друраловски реализовано то, что мне было надо (а именно реализовано через настройки фильтров) и, казалось, задача решена.  Но не тут то было. Ещё минут через 15, я понял, что модуль как то не хочет настраиваться, хотя я и нашел описание по его настройке в рунете и почитал аннотацию разработчика. Время шло своим чередом.

Здесь возникла идея, что, наверное, проще написать что то самому. Так появился следующий микро-модуль, который вы тоже можете скачать —LightBox Image Effect.

Установка.

Для установки модуля понадобятся модули imagecache и lightbox2.

Принцип работы и настройка.

Работает он так — вы определяете какую миниатюру (preset в imagecache) вы будете использовать и вписываете текстовое значение HTML класса картинок, которые надо подменить миниатюрами с вызовом lightbox-а. Все это производится на странице настроек — /admin/settings/lbie.

Настройка LightBox Image Effect

Подготовка картинок в публикациях.

Собственно дальше уже идет вставка картинок в публикации. Картинкам, которые должны показывать lightbox при клике, присваивается имя класса, указанное на странице настроек (в нашем примере lb2). При этом для миниатюры к имени этого класса добавляется «_replaced». Наверное, изменение имени класса было уже лишним :).

При просмотре публикации, код в зацепке nodeapi модуля выполнит подстановку миниатюры изображения и создаст HTML код, требуемый для lightbox.

Мало букафф? Читайте есчо !

Вывод всех локальных переменных в twig

Июнь 3, 2024 г.

Все видимые переменные шаблона можно посмотреть в переменной _context. Вывести их имена, используя перебор циклом for: [crayon-696a613b5d6d5818962520/] В Drupal, если вы используете модуль devel, в twig будет доступна функция dpm: [crayon-696a613b5d6e2447197923/]

Читать

Программно устанавливаем значения настроек на страницах, созданных Config Pages

Ноябрь 22, 2018 г.

Модуль Config Pages позволяет создавать страницы конфигурации для вашего модуля, всего сайта, или может быть просто одного из разделов сайта. Потом эти значения можно читать из программы и использовать так, как вам требуется. Но API Config Pages не содержит ...

Читать

Миграция картинки по URL в Media поле (Drupal)

Март 3, 2024 г.

Мне нужен был обработчик для migration API, который создаёт media entity по URL и возвращает его ID. Обработчики представляют из себя расширения ProcessPluginBase, которые нужно размещать в папке /src/Plugin/migrate/process вашего модуля. Файл ...

Читать

Редактируем атрибуты ссылки в twig шаблоне

Июль 14, 2023 г.

Как без хуков preprocess в Drupal добавить, например, атрибут target для ссылки в шаблоне? Например, возьмем штатный шаблон file-link.html.twig: [crayon-696a613b5dd24514882627/] Используем фильтр merge, добавляя нужные атрибуты: [crayon-696a613b5dd2a501433648/]

Читать
 

Комментарии к «Lightbox эффект в статьях на вашем сайте на drupal»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: