Использование fancybox. FancyBox — галерея и модальное окно
Уже давно стало довольно популярным явлением открытие картинок в модальных окнах (когда при клике на миниатюру открывается в всплывающем окне полный увеличенный размер картинки). Для вордпресс существуют множество готовых плагинов для реализации подобных эффектов, например LightBox. Но в этой статье я хочу описать метод реализации такого эффекта, с помощью подключения FancyBox в Wordpress, при этом не используя плагинов.
И так, подключать будем FancyBox2. Не знаю, будет ли дальше поддерживаться версия 1.3.x поэтому ставить будем вторую "ветку" (скачать можно по ссылки в конце статьи).
После того как вы скачаете архив, создадим в папке нашего шаблона папку "fancybox" и скопируем в нее следущие файлы:
- jquery.fancybox.css
- jquery.fancybox.pack.js
- А также все графические файлы (на момент написания статьи их должно быть 4)
Теперь, когда мы скопировали все файлы - приступим непосредственно, к настройке нашего шаблона для работы с Fancybox.
Откроем файл header.php и подключим в него jQuery плагин fancybox и его файл стилей. Следующий код нужно вставить перед закрывающимся тегом