Сышышь ты, выходи сюда,
поговорим !

Главная Новости

Fancybox for Wordpress – красивые изображения и функциональный контент одним щелчком мыши

Опубликовано: 25.06.2017

Fancybox for Wordpress – интересный плагин для фреймворка jQuery , позволяющий быстро создавать красивые и удобные проекты. Он позволяет увеличивать картинку на сайте без перехода на пустую страницу, а также « связывать » изображения в единую галерею. Также имеется возможность прокрутки галереи с помощью колесика мыши. Кроме того Fancybox открывает модальное окно, в котором можно удобно просмотреть текст, swf -анимацию и прочее:

Fancybox на базе JavaScript JQuery является инструментом, позволяющим производить масштабирование и повышать функциональность изображений, мультимедиа-элементов и HTML -контента на веб-страницах. Плагин имеет простую настройку и удобное подключение:

Инструкция по установке:

Скачайте плагин Fancybox и распакуйте его. Далее скопируйте файлы, включающие сценарий и стили. Обязательно убедитесь в наличии JS, CSS файлов на сервере и настройте пути в скриптах. Проверьте, загружена ли библиотека JQuery.

Примеры установки Fancybox-1.3.4

Скачиваем jquery.fancybox-1.3.4.zip распаковываем архив и устанавливаем себе в папку jquery.fancybox-1.3.4 . Внутри находим папку Fancybox и заливаем ее на сервер. К примеру, в /wp-content/plugins/ . Ее содержимое должно попасть сюда - ваш сайт.ru/wp-content/plugins/fancybox/ .

Далее открываем файл functions.php , после чего добавляем такие строки:

function my_css() { echo '<link rel="stylesheet" type="text/css" href="http://ваш сайт.ru/wp-content/plugins/fancybox/jquery.fancybox-1.3.4.css" media="screen" />'."\n"; } add_action('wp_head', 'my_css', 5); if ( !is_admin() ) { wp_enqueue_script('fancybox', '/wp-content/plugins/fancybox/jquery.fancybox-1.3.4.js', 'jquery', '1.3.4'); }

Сначала мы добавили шаблон сайта, а затем с помощью wp_enqueue_script () ; добавили js-скрипт плагина, так чтобы он шел после основного jQuery .

rss