Прикрутить к галерее EvoGallery на Modx скрипт LightBox для эффекта плавного перехода между изображениями

Не знаю почему, но у меня остальные подобные скрипты (FancyGallery, pirobox) отказались работать с EvoGallery.

Ну и ладно, LightBox тоже неплох. 

Сначала установим сам модуль EvoGallery:

Скачиваем архив модуля тут

Распаковываем, а дальше:

  • Перекидываем все файлы из папки "assets" и "install" в корень сайта по FTP. 
  • Запускаем инсталлятор (http://вашсайт/install) и следуем простым инструкциям, чтобы завершить установку. Все должно установиться автоматически.

Чтобы прикрутить скрипт к нашей галерее EvoGallery:

  1. Скачать последнюю версию скрипта LightBox по ссылке.
  2. Распаковать и перенести содержимое по FTP в нужную папку. 
  3. Добавить вызов скриптов и стилей в нужный шаблон, где будут изображения галереи. Для этого создать чанк со всеми путями и поместить в head (важно правильно прописать пути, куда мы залили файлы стилей и скриптов). Стиль screen.css, который в комплекте удаляем - он отвечает за оформление самой демо-страницы.
  4. В папке  /assets/snippets/evogallery/simple-list редактируем tpl.item.default.txt - нужно прикрепить к каждому изображению галереи EvoGallery эффект LightBox. Добавляем к ссылке rel="lightbox[plants]" 
  5. Должно работать. Еще в файле скрипта lightbox.js добавляем правильные пути к изображениям для закрытия и загрузки. (loading.gif и close.png)

В принципе, скриптов очень много разных, во многих шаблонах они уже вшиты. Тем проще, тогда просто меняем tpl.item.default.txt и все.

Наиболее простой вывод Evogallery с помощью

[ !EvoGallery! ]

Регистр учитывается, так что внимательней.

Может быть конфликт скриптов, если в шаблоне несколько выводов jQuery. Поэтому нужно подключать только один раз, например:

<script src="/assets/templates/lightbox/js/jquery-1.7.2.min.js"></script>

Ошибка доступа при загрузки фотографий

Иногда при попытке загрузки фотографии выдает ошибку 
«ошибка загрузки доступ запрещен», эта шляпа реально раздражает, потому что приходится выходить-входить в админку, чтобы залить фото.

Как говорят умные люди, проблема возникает при несовпадении id сессии в браузере и во флеш-загрузчике, что связано с его куками. Например, такая ошибка возникает, если выйти из админки, а потом снова зайти. Помогает замена в файле assets/modules/evogallery/action.php

if (isset($_REQUEST[$site_sessionname]))
        session_id
($_REQUEST[$site_sessionname]);

на

if (isset($_GET[$site_sessionname]))
        session_id
($_GET[$site_sessionname]);
elseif
(isset($_POST[$site_sessionname]))
        session_id
($_POST[$site_sessionname]);

Размер миниатюр EvoGallery

Иногда из-за разных пропорций изображений в галереи они смотрятся некрасиво. Размеры миниатюр можно регулиовать стилями или в конфигурации плагина поменять

 Используйте параметр zc=1 (тогда часть изображения будет обрезаться) или far=1, тогда поля будут заполнены фоном.

{'w': 175, 'h': 140, 'q': 95, 'zc': 1}

Водяной знак EvoGallery

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

{'w': 1280, 'h': 1024, 'q': 95, 'fltr': ['wmi|/assets/images/watermark.png|TL']}

Все параметры фильтра (каждый параметр разделяется вертикальным слешем “|” ):

wmi|/assets/images/watermark.png|C|100|0|0

wmi – water mark image, говорим системе, что устанавливаем изображение водяного знака (wmt – water mark text – можно использовать текст вместо картинки)

/assets/images/watermark.png – путь к файлу изображения вотермарка

C – выравнивание вотермарка относительно всего изображения. В данном случае установлено выравнивание по центру.

Может быть BR, BL, TR, TL, C,  R, L, T, B, *, где B – низ, R – право, L – лево, T – верх, С-центр, * – текстурой (изображение вотермарка будет дублироваться)

100 – степень прозрачности отображения вотермарки, от 0 до 100

Последние два параметра – это отступ от края изображения по Х и Y


НОЯБ17