Обновление: 4 месяца назад

Версия файла: 2.6

Поддержка WP-Recall: 16.0 и выше

Приобрели: 403 раз

Активных установок: 46

Добавлено в закладки: 5

Бесплатно
Установка и настройка
установка и настройка продавцом в рамках действующего функционала
В корзину

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

Дополнение не имеет настроек в админке - установил и забыл. Заменит ваш плагин галереи.

Этот аддон использует скрипт из галереи Wp-Recall (Gallery Recall) и не создает лишние дублирующие сущности.
Аддон будет полезен тем, у кого стоит дополнение Gallery Recall - обеспечивается максимальная эффективность по количеству запросов к серверу, а так же ряд приятных дополнений:
Загружается один скрипт.
Никаких запросов к картинкам и иконкам.
Только один запрос к серверу.
Файл стилей, мною модернизированный, поддерживает минимизацию css. Если эта опция у вас включена в общих настройках wp-recall - то нет запроса к css файлу Zoom Image.
Иконки от Font Awesome - они и так есть в Wp-Recall. Теперь их и используем.

Хотите вставить youtube видео в всплывающем окне? нет проблем.
На вашем проекте надо вставить на страницу "контакты" карту? В всплывающем окне - запросто.

Использование: автоматически добавляет нужные классы изображениям в записях и страницах, а так же в комментариях.

 

p.s. Важное замечание - на дворе 17-й год, а этот дедушка-скрипт очень давний...
К чему я? Ну то, что я заморозил разработку данного допа. Возможно вы выявите какие-либо баги на мобильных девайсах - а у меня подобных девайсов нет...
В общем предлагаю познакомится с отличным решением от меня и Дмитрия Семёнова - доп Magnific Popup Recall
- да его возможности скромней, но он отлично работает и увеличивает высокие изображения, позволяя их рассмотреть в деталях. Крайне идеален для инфографики и "длиннопостов", и работает "шустрей"
Естественно отключайте "Zoom Image" если активировали "Magnific Popup Recall" - на сайте не должно работать плагинов или дополнений с одинаковым функционалом.

 

p.p.s. - если вам нравятся мои работы - мне будет приятно, если вы поставите оценку плагину WP-Recall в официальном репозитории вордпресс, расскажете о плагине на вашем сайте или вашим друзьям в соцсетях. Таким образом вы можете отблагодарить сообщество за проделанную работу и мотивировать на выпуск новых дополнений и развитие WP-Recall

Установка:

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

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

Обновление:

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

Как использовать?

* Дополнение автоматически добавляет нужные классы изображениям в записях и страницах, а так же в комментариях.

* Добавить iframe с картой, ютуб видео можно добавив в ссылку класс: class="fancybx iframe"

* Для того, чтобы видео было в галерее (в всплывающем окне были стрелки "следующее", "предыдущее") необходимо в ссылку добавить html-5 атрибут data-fancybox-group и вписать его значение в ссылки к нужным вам видеофайлам.
Например: data-fancybox-group="youtube"

Пример ютуб видео:
<a class="fancybx iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">Youtube (iframe)</a>
Пример ютуб видео с картинкой и в галерее:
<a data-fancybox-group="youtube" class="fancybx iframe" href="http://www.youtube.com/embed/NrbRO4WOcFY?rel=0&autoplay=1"><img width="" height="" border="0" src="http://img.youtube.com/vi/NrbRO4WOcFY/mqdefault.jpg" alt="Player"></a>
<a data-fancybox-group="youtube" class="fancybx iframe" href="http://www.youtube.com/embed/Yinzn0Jqigo?rel=0&autoplay=1"><img width="" height="" border="0" src="http://img.youtube.com/vi/Yinzn0Jqigo/mqdefault.jpg" alt="Player"></a>

- т.е. мы берем id видео из ссылки ютуба и вставляем его два раза: первый раз в тег a - для формирования увеличенного просмотра и второй раз между img.youtube.com/vi/ и /mqdefault.jpg - для получения самой картинки.

Пример гугл карты:
<a class="fancybx iframe" href="http://maps.google.com/?output=embed&f=q&source=s_q&hl=en&geocode=&q=London+Eye,+County+Hall,+Westminster+Bridge+Road,+London,+United+Kingdom&hl=lv&ll=51.504155,-0.117749&spn=0.00571,0.016512&sll=56.879635,24.603189&sspn=10.280244,33.815918&vpsrc=6&hq=London+Eye&radius=15000&t=h&z=17">Google maps (iframe)</a>
Хочу чтобы одна картинка НЕ увеличивалась. Можно ее отключить от fancybox?

- чтобы изображение не увеличивалось в zoom-image добавьте ему класс class="nofancybx"

Могу задать ширину/высоту окна?

- Реализация передачи параметров в iframe (не картинки, а только видео и карты) с помощью html5 атрибутов data-width="значение" data-height="значение" (пиксели или %)

Пример:

<a class="fancybx iframe" title="video" href="http://www.youtube.com/embed/cYplvwBvGA4" data-fancybox-group="youtube" data-width="50%" data-height="80%">Video #2.2</a>
Какие еще возможности присутствуют?

- Формирование нонстоп ютуб галереи с автозапуском:

<a class="fancybx iframe" href="http://www.youtube.com/embed/Pn0w7vciQCE?playlist=9BMwcO6_hyA,TR3Vdo5etCQ,-0kcet4aPpQ,43vfvIwK9iE,IfB_K4RGtDo,KL7Z4RIosrI,oVLe77sKiS0,_OLUSELxFok,vkIzfG48HTY,JE8s3wbb1_0,aySmGUxq-qo&autoplay=1">Video #3 playlist</a>

- и возможность запускать Swf файлы (флеш игры) - но это официально не поддерживается. т.к. не гарантируется полноценная работа:

<a href="/wp-content/uploads/ваша-игра.swf">Game not over</a>
2017-04-21

v2.6
* Работа с 16-й версией WP-Recall

2016-09-26

v2.5
* Исправлена ошибка неотключения скриптов и стиля gallery-recall когда в той в опциях стояло "Использовать Fancybox"

2016-07-19

v2.4
* Работа с 15-й версией WP-Recall
* Скрипты теперь поддерживают минимизацию скриптов от плагина WP-Recall

2016-05-20

v2.3.2
* Исправлен баг при указании в изображениях атрибута data-fancybox-group

2015-12-18

v2.3
* Исправлен баг с отображением кнопок "вперед"-"назад", когда изображение одно на странице.

2015-12-16

v2.2
* Корректировки в стилях.

2015-12-03

v2.1
* Исправлен баг с тайтл. Теперь он работает по другой логике.
* С этой версии оригинальный fancybox (2010 года) заменен мною на мод @Zenbit (от 2014 года) - Он включает в себя замену не валидного rel, на html-5 атрибут data-fancybox-group. Т.е. чтобы объединить видео в группу (навигация предыдущее-следующее видео) вам нужно добавить data-fancybox-group="youtube"
* Исправлено отображение узких но длинных изображений.
* Исправлена навигация (перекрывала перемотку youtube).
* Добавлен исключающий класс (чтобы изображение не увеличивалось в zoom-image добавьте ему класс class="nofancybx")
* Реализация передачи параметров в iframe с помощью html5 атрибутов data-width="значение" data-height="значение" (пиксели или %)
* Исправлен скрипт инициализации (в html5 плеере iframe — не позволял развернуть видео на полный экран)
* Мои изменения в скрипте fancybox:
- Удален лишний html (наследие от ie-6).
- Табличная верстка заменена на div.
- Изменена логика определения ширины и центрования, логика формирования title.

2015-11-11

v2.0
* Иконки от Font Awesome. Избавился от закодированных в base64 иконок и уменьшил вес. Новые иконки приятней глазу.
* Исправлен баг, когда тайтл изображения в длину больше, чем ширина картинки.

2015-11-09

v1.0
* Release

* Поддержка осуществляется в рамках текущего функционала дополнения
* При возникновении проблемы, создайте соотвествующую тему на форуме поддержки товара
* Если вам нужна доработка под ваши нужды - вы можете обратиться ко мне в ЛС с техзаданием на платную доработку.

Полный список моих работ опубликован на моем демо-сайте и в каталоге магазина CodeSeller.ru

Условия поддержки: As Is.

Контактные данные: ЛС

Авторство: Товар опубликован его непосредственным автором

110

Форум поддержки:

При возникновении проблемы, создайте соответствующую тему на форуме поддержки товара

Бесплатно В корзину
Помните! Данный продукт защищен авторским правом, его нарушение влечет за собой административную и уголовную ответственность

Publication author

не в сети 20 минут

Otshelnik-Fm

483

Вся лента по разработке здесь: http://across-ocean.otshelnik-fm.ru/?note-link=2479

http://across-ocean.otshelnik-fm.ru/ - список моих работ к плагину WP-Recall

Комментарии: 1103Публикации: 126Регистрация: 27-01-2013Продаж/Покупок: 6030/124