Easy FancyBox — лайтбокс для WordPress
Опубликовано: Ноябрь 13, 2014 в 12:53 Категории: Изображения
Проблема WordPress это проблема выбора. Возможностей так много, что уследить за ними не получается никак. Выбор плагинов велик, но не только это представляет проблему — плагины динамически изменяются, подстраиваются под текущие тенденции веб-разработки, прекращают свое существование и возрождаются в новых проектах. Набор используемых плагинов постоянно претерпевает изменения, в поисках наиболее оптимальных, обладающих нужным функционалом тратится время… Много времени. Это небольшое отступление.
Мне нравится возможность открыть картинку в текущем окне с затемнением фона и просмотреть ее увеличенное изображение, это удобно — не нужно открывать несколько окон, переходить на другую страницу, просмотрев увеличенное фото можно вернуться к тому же месту где и остановил чтение. Плагинов решающих эту задачу масса, функционал такого вида может быть встроен в тему, может быть дополнительной функцией какого либо плагина.
Для проекта потребовалось срочно найти такой плагин, давно хотел отыскать быстрый и удобный в замен. Предыдущие попытки не увенчались успехом, точнее результат был и вполне пристойный, но были недочеты. Пользовался до этого FancyBox for WordPress, но пару раз подводил — то не запускался с ходу, то вдруг переставал работать, да и старенький он уже, а еще постоянно в логах запросы к его файлам идут с пометкой 404, хотя на самом деле файлы присутствуют.
Вот попался еще один вариант и на первый взгляд очень понравился,
Плагин обновлялся в июле, был скачан более 600К раз. После установки все настройки можно обнаружить в разделе: «Настройки»-«Медиафайлы» — раздел «FancyBox». Не смотря на то, что он встроился в стандартные настройки WordPress, настроек довольно много. Внушительный список объектов которые могут по умолчанию открываться в окне: Images, Inline сontent, PDF, SWF, SVG, YouTube, Vimeo, Dailymotion, iFrames.
Необходимо глобальное тестирование и проверка. Из особенностей замечено следующее:
- Встал и заработал сходу без всяких плясок с бубном.
- По умолчанию открывает все картинки в лайтбоксе.
- Галерея пролистываются в увеличенном режиме отдельно, картинки на странице — отдельно.
Несколько советов по использованию плагина.
- Чтобы запретить показ изображения в окне надо задать ему класс nofancybox, после чего он будет исключен из обработки
- Добавить контактную форму Contact Form 7 и вывести ее в лайтбоксе можно используя следующий код:
<a href=»#contact_form_pop» class=»fancybox-inline»>Contact Us</a><div style=»display:none» class=»fancybox-hidden»>
<div id=»contact_form_pop» class=»hentry» style=»width:460px;max-width:100%»>
[contact-form-7 id=»87″ title=»Contact form 1″]
</div>
</div> - Если необходимо вывести пункт меню в лайтбоксе, то необходимо отправиться в настройки плагина и активировать поддержку iframe, затем добавить пункту меню класс fancybox-iframe.
Более развернутый FAQ можно найти на сайте разработчика, линк ниже
Про плохое
Все это работает хорошо, пока попадаются простые темы. Если же в тему встроен собственный лайтбокс или механизм просмотра контента в лайтбоксе, то конфликт гарантирован. Придется долго общаться с саппортом, выискивать пути решения и т.д. Эту проблему однозначно решить не получилось, в каждом случае — свой подход.
Скачать плагин из репозитория WordPress: | Easy FancyBox | Сайт разработчика: Это не единственный плагин этого разработчика | разработчик Easy FancyBox |
FAQ | FAQ |
< Плагины для редактирования миниатюр Grid Gallery Ready! — респонсивная галерея >
php — Проблема с установкой плагина Easy Fancybox для WordPress
Вопрос задан
Изменён 7 лет 4 месяца назад
Просмотрен 613 раз
Установил плагин Easy Fancybox для WordPress 4.
Uncaught TypeError: jQuery(…).fancybox is not a function
Понимаю, что проблема кроется в том, что подключается версия jQuery, несовместимая с плагином. Однако новые версии поверх основной (1.11.3) я не подключал.
Посмотрел код страницы и увидел перед закрывающим тегом body подключаемые плагином скрипты:
<script type='text/javascript' src='http://website/wp-content/plugins/easy-fancybox/fancybox/jquery.fancybox-1.3.7.min.js?ver=1.5.7'></script> <script type='text/javascript' src='http://website/wp-content/plugins/easy-fancybox/jquery.easing.pack.js?ver=1.3'></script> <script type='text/javascript' src='http://website/wp-content/plugins/easy-fancybox/jquery.mousewheel.min.js?ver=3.1.12'></script>
В то время как в head-е страницы загружается
<script type='text/javascript' src='http://website/wp-includes/js/jquery/jquery. js?ver=1.11.3'></script>
Кто-нибудь сталкивался с похожей проблемой? Куда копать и что делать? Избавляться от стандартной jQuery я не хочу.
- php
- wordpress
- cms
Ответ нашелся в собственной невнимательности. В подвале сайта случайно переподключил jQuery. Убрал строку — проблема решилась.
Зарегистрируйтесь или войдите
Регистрация через Google Регистрация через Facebook Регистрация через почтуОтправить без регистрации
ПочтаНеобходима, но никому не показывается
Отправить без регистрации
ПочтаНеобходима, но никому не показывается
By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.
Easy FancyBox — Pro — Status301 Premium
Перейти к содержимомуEasy FancyBox — Pro для WordPress дополняет бесплатный плагин Easy Fancybox дополнительными параметрами.
Особенности
Easy FancyBox Free | Easy FancyBox Pro | |
---|---|---|
90 005 Файлы мультимедиа: изображения, PDF, SWF (только для старых версий) , SVG | ||
Встроенное содержимое и содержимое iframe | ||
Размещение видео: Youtube, Vimeo, Dailymotion | ||
4 позиции в заголовках (+2 больше для fancyBox 2) | ||
Стили: цвет и непрозрачность наложения, граница цвет и размер, размеры по умолчанию для каждого типа носителя | ||
Дополнительные параметры стиля: * Закругленные углы * Цвет фона и текста встроенного содержимого | Эффекты: Fade in/out и 2 эластичных перехода (Linear, Swing ) | |
Дополнительные эффекты перехода: 30 более эластичных (смягчающих) всплывающих эффектов при открытии и закрытии | ||
Автоматические галереи из галерей WordPress или галереи All-in-one | ||
Расширенные параметры автоматического обнаружения галереи: Точная настройка медиа-ссылки и галереи автоматическое определение соответствия исходной разметке вашей темы (см. инструкции) | ||
Параметры совместимости (тема, браузер) | ||
Дополнительные параметры совместимости: * FacetWP * Gravity Forms * TablePress * WPBakery / Visual Composer — галерея Masonry Grid | ||
Автоматическое всплывающее окно по выделенному идентификатору | ||
Дополнительные параметры автоматического всплывающего окна: * активируется хэшем URL или первой ссылкой по типу медиа (см. инструкции) * Скрыть автоматическое всплывающее окно после первого посещения | ||
Эффект слайд-шоу (автоповорот галереи) для Legacy и Classic | ||
Эффект Spotlight для наложения лайтбокса | ||
Показать/скрыть заголовок изображения при наведении мыши | ||
Настройки метаданных для каждой медиа-ссылки: Передать настройку выделенного светового окна для каждой медиа-ссылки через класс ссылки (см. инструкции) | ||
Приоритетная поддержка: Один год Обновлений и Премиум-поддержка |
Прежде чем заказывать расширение Pro, убедитесь, что у вас есть бесплатный плагин Easy Fancybox для WordPress, и он работает правильно на вашем сайте WordPress. Если он работает неправильно, добавление расширения Pro не исправит это волшебным образом.
Минимальные требования
- WordPress 3.3 или выше,
- PHP 5.6 или выше (рекомендуется 7.4),
- Установлен Easy FancyBox 1.8 или более поздней версии.
Купить Easy FancyBox Pro
Без риска: 30-дневная гарантия возврата денег – без вопросов (но мы ценим все отзывы!)
придется ждать по электронной почте с информацией о загрузке. Обычно это не займет больше часа. Если вы не получили электронное письмо в день покупки, подтвердите транзакцию в своей учетной записи PayPal, в компании-эмитенте кредитной карты или в банке. Затем свяжитесь с нами и сообщите свои платежные реквизиты, чтобы мы могли проверить вашу покупку в нашей системе.
Инструкции по установке нашего плагина можно найти здесь.
Вы должны войти в систему, чтобы оставить отзыв.
Мы принимаем
Все основные кредитные карты: Visa, MasterCard, American Express , Alipay, Bancontact, GiroPay, iDEAL, SOFORT и PayPal *
- Risk- бесплатно: 30-дневная гарантия возврата денег – Никаких вопросов не было задано!
*) Несколько лицензий на одну кассу не поддерживаются PayPal. При покупке более одной лицензии доступна только оплата кредитной картой. Если вы предпочитаете Paypal, рекомендуется проверять одну лицензию за раз.
- Опубликовано:
- Продажи: 1591
- Лицензия: Да
- Текущая версия: 1,9
1.9
- Поддержка VideoPress
- Пересмотренная проверка лицензии
- Обновлены ссылки на учетные записи
- Совместимость с Easy FancyBox 1.9.1
1.8.5
- Специализированный модуль обновления класса
- Повторная проверка лицензии на подключаемый модуль после (автоматического) обновления
- : возможное свойство не существует ИСПРАВИТЬ
- : возвращать значение NULL для бета-обновлений
- Дата выпуска: 07.03.2022
1.8.4
- Поддержка автообновлений (кроме бета-версий)
- НОВИНКА: опция бета-канала
1.8.3
- ИСПРАВЛЕНИЕ: несовместимость настроек с бесплатной версией 1.8.1 и ранее ИСПРАВЛЕНИЕ
- : устарело («готово»)
1.
8.2- Обработка файлов cookie Vanilly JS: заменить файл сценария jquery.cookie на встроенный vanilla js
- Совместимость с jQuery 3.5 без jQuery Migrate ИСПРАВИТЬ
- : обрабатывать всплывающие окна на разных URL-адресах отдельно
- Улучшена совместимость с WPBakery, удалено prettyPhoto
1.8.1
- Улучшенные сообщения администратора
- Активировать основной плагин при активации
- ИСПРАВЛЕНИЕ: неопределенная функция
1.8
- Обновление из WordPress
1.7
- Дата выпуска: 19 января 2019 г.
- Совместимость с Visual Composer Masonry Grid Gallery
1.6
- Дата выпуска: 08.04.2018
- Совместимость FacetWP, TablePress и Gravity Forms
- НОВОЕ: возможность автоматического всплывающего окна ссылки на хеш URL
1.5.3
- Дата выпуска: 25 ноября 2016 г.
- Добавлен jquery. cookie для скрытия всплывающего окна после первого посещения
1.5.2
- Дата выпуска: 14 октября 2015 г.
- обновление ссылки поддержки
- улучшена прозрачность границ
1.5.1
- Дата выпуска: 01.05.2014
- Добавлена 3-секундная пауза для вращения галереи
1.5.0
- Дата выпуска: 22 декабря 2013 г.
- Первоначальная версия
По любым вопросам, касающимся этого товара, или помощи в покупке, звоните по номеру
свяжитесь с нами
Представляем Modula 2.3.0
Кристиан Райбер
Предприниматель-самоучка с глубокой страстью к обучению, пониманию человеческой природы и того, что движет бизнесом вперед. Ежедневно нашими продуктами пользуются более 7 500 000 пользователей.
Обновлено:
Поделиться
За последние несколько недель мы начали развертывание новой версии Modula с новым типом сетки изображений и единым, полностью настраиваемым способный, лайтбокс скрипт среди ряда других удивительных функций и качественных улучшений в реальном времени.
🚀 Продолжайте читать, чтобы узнать, что нового в модуле !
Мы надеемся, что вы все здоровы и находитесь в безопасности в эти сумасшедшие времена, в которые мы живем.
Сегодня у нас большой анонс продукта Modula. Как вы, возможно, слышали, наша команда разработчиков очень занята новой версией Modula , получившей название , которая изменит правила игры .
TL;DR : Вот все новые функции, которые мы представили:
- 🚀 Значительно улучшенная интеграция лайтбоксов с массой настроек
- 🗂 Простое и автоматизированное структурирование макетов для сеток
- 🧑🤝 🧑 Социальные значки в Lightbox
- 👓 Настройки фона и непрозрачности для Lightbox
- 🔬 Функциональность нагрузки на нагрузке
- 🖼 Возможность показать заголовок изображения в Lightbox
- 🆙 Обновленная модула Slider до 1.0.2
- 🆙0254
- 🆙 Видео Modula обновлено до версии 1. 0.2
- 🆙 Глубинная ссылка Modula обновлена до версии 1.0.2
- 🆙 Защита Modula обновлена до версии 1.0.4
- 🆙 Слайд-шоу Modula обновлено до версии 1.0.2 902 54
- 🆙 Обновлены альбомы Modula до версии 1.0.3.
- 🆙 Расширенные шорткоды обновлены до версии 1.0.2
Абсолютно новая интеграция Modula Fancybox
Расширенные возможности Modula Fancybox доступны только пользователям Modula Pro! Обновить Сегодня. 🔒
Раньше пользователи Modula могли выбирать из 6 различных сценариев лайтбокса без какой-либо возможности настройки. Теперь мы заменили их одним лайтбоксом с расширенными возможностями настройки.
По умолчанию мы выбрали Fancybox из 6 ранее поддерживаемых сценариев лайтбокса, потому что он является наиболее многофункциональным и имеет наилучшую поддержку и обновления для него.
Это помогло нам значительно сократить время разработки, так как теперь нам нужно поддерживать только одну библиотеку лайтбоксов вместо 6. Каждый скрипт лайтбокса имел свой собственный набор ограничений, и пользователям всегда было сложно понять, какие Скрипт лайтбокса будет работать в их идеальном сценарии (большинство вариантов использования — видеогалереи).
Для наглядности вот выдержка из нашей документации:
Для справки, вот список стилей лайтбоксов, с которыми совместимо расширение Modula Video:
Magnific Popup/Swipebox работает только со ссылкой на YouTube, но не со встроенной ссылкой YouTube
Fancybox/LightGallery/PrettyPhoto работает только со ссылкой YouTube и встроенной ссылкой YouTube
Lightbox: Несовместимо с расширением видео Modula.
Следующие стили лайтбоксов также совместимы со ссылкой Vimeo: — Magnific Popup
— Swipebox
— Fancybox
— LightGallery
🤦♂️ Это было непросто для пользователей. Помимо ограничений, описанных выше, нам также пришлось реализовать множество обходных путей, чтобы добавить паритет функций для каждого лайтбокса.
Одним из таких сценариев была наша функция фильтрации. Нам пришлось написать собственный функционал фильтра, чтобы он правильно работал во всех этих 6 различных лайтбоксах. Хотя это было не идеально, это работало в 99% случаев — со странным багом тут и там.
❤️ Хорошие новости — теперь это должно остаться в прошлом, так как нам удалось все переписать. Теперь он должен быть без глюков.
Подводя итог, нам также удалось сократить вес страницы и количество загружаемых ресурсов в галерее. Таким образом, ваша скорость загрузки теперь должна быть немного выше с переходом на один скрипт лайтбокса.
✋ В будущем мы будем официально поддерживать только Fancybox, начиная с Модуль 2.3.0 . Однако для тех из вас, кто все еще хочет использовать один из этих старых 6 лайтбоксов, вы сможете установить дополнение Lightbox по следующей ссылке: https://github.com/MachoThemes/modula-lightboxes.
Скачать лайтбоксы Modula
🛑 Для правильной работы Modula 2. 3.0 необходимо также обновить следующие надстройки: слайд-шоу, Deeplink, расширенные шорткоды и защита правого клика. Обязательно проверьте раздел «Обновления» вашего бэкенда WordPress.
Представляем новую сетку столбцов
В Modula 2.3.0 и далее мы ввели новый тип сетки, называемые столбцами, в котором вы можете выбирать между 1 / 2 / 3 / 4 / 5 / 6 столбцов или даже вариант макета Automatic , который упорядочит ваши изображения в оптимальной сетке с правильным количеством столбцов в строке, в зависимости от количества изображений в вашей галерее.
Это одна из тех функций, которые другие плагины для галерей предлагают как единственное решение для галерей. Добавив это к Modula, становится очевидным, что теперь мы являемся самым многофункциональным плагином галереи на рынке, предлагая в общей сложности 4 типа сетки по цене 1,9.0003
Автоматическое структурирование макета для сеток
Автоматическая структура сетки столбцов💥 Макет будет полностью адаптивным для всех устройств, платформ и размеров экрана (мобильные телефоны, планшеты, ноутбуки, а также широкие экраны) и будет автоматически подстраиваться под в соответствии с количеством фотографий в вашей галерее!
Опция социальных иконок в LightboxПоощряйте посетителей вашего сайта делиться своими замечательными работами с помощью социальных иконок отображается прямо в вашем Lightbox ! Вы усердно работали, чтобы делать потрясающие снимки и работать над точной настройкой ракурсов. Теперь вы заслуживаете минут славы . Пусть ваша аудитория поставит вас в центр внимания!
Настройки фона и непрозрачности в Lightbox
Настройки фона и непрозрачности в LightboxНастройка фона и непрозрачности ваших изображений теперь проще, чем когда-либо . Теперь вы можете установить это всего за несколько кликов и мгновенно превью изменяет на ваши фото при открытии лайтбокса!
Функция загрузки в поле зрения
Modula Загрузка в поле зренияПользовательский опыт посетителей вашего веб-сайта теперь значительно улучшен благодаря этой новой функции загрузки в виде Modula Fancybox ! В предыдущих версиях анимации ваших галерей загружались независимо от позиции прокрутки ваших посетителей на страницах с Модуль блоков.
Это больше не так! Блестящие анимации, которые вы устанавливаете в своих галереях, теперь загружаются только тогда, когда пользователь достигает раздела вашей страницы, где находится ваш блок Modula (или шорткод), вызывая приятный для глаз, визуально привлекательный, мгновенно приятный эффект!
Показать заголовок изображения в режиме «Lightbox»
Показать заголовок изображения в режиме «Lightbox»Вероятно, это долгожданная функция для вас и посетителей вашего фото сайт с Modula ! Возможно, изображение говорит 1000 слов, но ничто не передает более искреннее, трогательное сообщение, чем названий изображений . Дайте название своему изображению прямо в настройках лайтбокса!
Modula Lite 2.3.0
Исправления ошибок и улучшения в Modula бесплатно включают:
- 🚀 Файлы изображений Modula загружаются / выбираются улучшения;
- 🚀 Общие улучшения пользовательского интерфейса администратора;
- 🚀 Ускорена загрузка галереи
- 🔧 Исправлены эффекты наведения для изображений в галереях Modula;
- 🔧 Исправлена проблема, из-за которой Elementor открывал другой лайтбокс
- 🔧 Исправлена переполненная панель администратора;
- 🔧 Исправлено всплывающее окно классического редактора для просмотра без галерей;
- 🔧 Исправлена проблема, возникавшая при выборе галереи в виджете Elementor;
Modula 2.3.0 Pro
Перечисленные ниже функции доступны только пользователям Modula Pro! Обновить Сегодня.
- 🚀 Опция циклической навигации внутри лайтбокса
- 🚀 Включите, чтобы отобразить заголовок изображения в лайтбоксе над заголовком
- 🚀 Включите, чтобы отобразить подпись к изображению в лайтбоксе
- 🚀 Возможность позиционирования шапки изображения ции или названия внутри лайтбокс
- 🚀 Включение или отключение навигации с помощью клавиатуры/колесика мыши внутри лайтбокса
- 🚀 Настройка панели инструментов, которая содержит кнопки действий в правом верхнем углу
- 🚀 Закрытие слайда, если пользователь щелкает / дважды щелкает слайд ( не изображение)
- 🚀 Отображение счетчика в верхнем левом углу
- 🚀 Автоматическое открытие лайтбокса в полноэкранном режиме
- 🚀 Размещение миниатюр внизу лайтбокса. Это автоматически развернет ось Y для миниатюр
- 🚀 Возможность выбора вертикальной или горизонтальной прокрутки для миниатюр;
- 🚀 Возможность отображать миниатюры при открытии лайтбокса
- 🚀 Возможность выбора эффекта перехода лайтбокса между слайдами
- 🚀 Разрешение панорамирования / прокрутки
- 🚀 Включите, чтобы показать все изображения
- 🚀 Выберите эффект анимации открытия / закрытия лайтбокса
- 🚀 Установите цвет фона лайтбокса
Ползунок модуля 1.0.2
- 🚀 Добавлена подпись/заголовок под изображением
- 🔧 Обновление условий администратора
- 🔧 Исправлено положение стрелок ползунка
- 🚀 Добавлено видео в слайдер с помощью надстройки Modula Video
- 🚀 Добавлена возможность сделать слайдер кликабельным
- 🚀 Добавить навигатор миниатюр
- 🚀 Добавлены параметры навигатора эскизов
- 🚀 Добавлена поддержка elementor
- 🔧 Обновление единого лайтбокса Fancybox use
Modula Video 1.
0.2- 🚀 Добавлены элементы управления размером для значка видео
- 🚀 Добавлен цвет RGBA для значка видео
- 🔧 Галереи в бэкенде с URL-адресом видео теперь будут отображать значок воспроизведения
- 🔧 Добавлены условия опций
- 🔧 Проверить наличие лицензии и версии PRO
- 🔧 Удален значок Pro
- 🔧 Исправлен цвет значка воспроизведения
- 🚀 Добавлена функция видео в слайдере
- 🚀 Добавлена поддержка альбомов Modula
- 🚀 Добавлен автозапуск для видео
- 🚀 Добавлена поддержка короткого кода ссылки Modula 902 63
- 🔧 Удален значок Pro
- 🔧 Обновление проверка лицензии
- 🚀 Добавлена возможность поместить пользовательский URL в ссылку на диплинк
- 🔧 Запрет открытия исходного кода страницы с помощью Ctrl+U/Cmd+U
- 🚀 Добавлена защита для самостоятельных видео
- 🚀 Добавлена защита для шорткода ссылки Modula
- 🔧 Удален значок Pro
- 🔧 Исправить паузу при наведении курсора при активации защиты Modula 9025 1 🔧 Исправлено слайд-шоу в шорткоде ссылки Modula
- 🔧 Обновить слайд-шоу условия и дочерние настройки
- 🔧 Устранение конфликта альбомов и галерей — теперь галереи и альбомы могут сосуществовать на одной странице
- 🔧 Обновление и улучшения пользовательского интерфейса администратора
- 🔧 Исправить видео в альбоме — видео из галерей теперь правильно отображаются в альбоме
- 🚀 Добавлены элементы управления значками лайтбокса
- 🚀 Добавлен курсор наведения — как предопределенный, так и пользовательский курсор
- 🔧 Панель администратора WordPress Modula Исправление названия альбомов 9 0251 🚀 Добавлена настройка отступа при наведении
- 🚀 Добавлено отображение альтернативного текста в лайтбоксе
- 🚀 Добавлена возможность отображать подпись/заголовок изображения в лайтбоксе
- 🚀 Заменен пакетный JS на isotope JS
- 🔧 Исправлены эффекты при наведении курсора
- 🔧 Исправить двойное открытие лайтбокса при автономном просмотре страницы с «модульным альбомом» в классе статей
- 🔧 Исправление проверки переключения автономных настроек
- 🔧 Исправление смены слагов альбомов автономных настроек 90 251 🔧 Обновленный файл структура