Magnific Popup Recall - Увеличиваем изображения. Скрипт Magnific Popup от Дмитрия Семёнова

Дополнение для WordPress плагина WP-Recall - добавляет возможность увеличивать изображения - формируя лайтбокс галерею.

Возможности:

• Автоматическая работа
• Отличное поведение на мобильных устройствах
• При повороте экрана - ресайз изображения происходит сразу
• Отображает очень длинные (вертикальные) изображения (например инфографику)
• На мобильниках позволяет двумя пальцами увеличить изображение - масштабируя его. Ни одна мелкая деталь не останется незамеченной
• В всплывающем окне воспроизводит Gif-анимацию
• Возможно исключить увеличение изображения
• Поддержка дополнения Prime Forum
• Поддержка дополнения RCL Chat
• Поддержка дополнения OTFM List of Publications
• Поддержка Prime Forum дополнения Prime Image Uploader
• Переведён на 8 языков: русский, английский, украинский, немецкий, итальянский, испанский, французский, румынский

Демо тут и на CodeSeller

Установка:

Т.к. это дополнение для WordPress плагина WP-Recall, то оно устанавливается через менеджер дополнений WP-Recall.

1. В админке вашего сайта перейдите на страницу "WP-Recall" -> "Дополнения" и в самом верху нажмите на кнопку "Обзор", выберите .zip архив дополнения на вашем пк и нажмите кнопку "Установить".
2. В списке загруженных дополнений, на этой странице, найдите это дополнение, наведите на него курсор мыши и нажмите кнопку "Активировать". Или выберите чекбокс и в выпадающем списке действия выберите "Активировать". Нажмите применить.

Обновление:

Дополнение поддерживает автоматическое обновление - два раза в день отправляются вашим сервером запросы на обновление.
Если в течение суток вы не видите обновления (а на странице дополнения вы видите что версия вышла новая), советую ознакомиться с этой статьёй

Как мне исключить изображение из работы галереи?

- Чтобы изображение не участвовало в увеличении Magnific Popup Recall (а открывалось в окне браузера) укажите в теге "a" класс: class="nomagnific"

Вставляю изображение - а оно не увеличивается. Что не так?

- Важно, чтобы вы вставляли изображение из WordPress медиабиблиотеки отмеченное как "медиафайл"
В медиабиблиотеке выбираешь справа "медиафайл" Скриншот

т.е., если смотреть исходный код страницы, изображение должно быть внутри тега <a
Так: <a href="http://линк-к-полной-картинке.jpg"><img src="http://линк-к-миниатюре.jpg"/></a>

У меня картинки подгружаются ajax-скриптом, но галерея их не видит. Открывает в отдельном окне

- Скрипт обрабатывает картинки которые загрузились вместе с html страницей. Если потом ajax-ом загружаются новые данные - он их не увидит.
Выход есть - после успешной загрузки ajax вам нужно реинициализировать скрипт.
Просто вызовите в своем скрипте после ajax-запроса js функцию MpActivate();

Функция инициализации лайтбокса принимает первым аргументом наименование атрибута
- это позволяет уточнить область поиска изображений, а не искать по всему DOM дереву.
- соответственно лучшая скорость работы и меньше памяти на операцию
Пример:

    var dAttr = '.chat-messages';
    MpActivate(dAttr);

- передаем класс.
Но можно и id: var dAttr = '#some-wrapper';

Двоятся изображения в Prime Forum. Как выключить одну галерею?

- Чтобы сайт использовал единую галерею - в настройках Prime Forum отключите опцию "Галерея изображений"