Плагин I18n Gallery

Плагин для создания разнообразных фотогалерей и слайд-шоу

на

Плагин позволяет создавать любое количество галерей изображений c использованием двух самых распространенных jQuery скриптов — prettyPhoto и FancyBox, и слайд-шоу (слайдеров) с использованием jQuery Cycle Plugin, s3Slider и Supersized, позволяющего изменять размер изображения до полного заполнения окна браузера, сохраняя при этом соотношение размеров (для этого слайд-шоу нужно использовать отдельный шаблон без разметки).

Скачать плагин
Файл скачан 1901 раз(а)

Дополнительный тип адаптивной галереи PhotoSwipe для I18n Gallery, изготовлен автором сайта. Демо здесь. Плагин сделан для фреймворка Bootstrap.

Скачать PhotoSwipe
Файл скачан 319 раз(а)

Скопируйте содержимое архива в папку i18n_gallery.

Возможности плагина I18n Gallery

  • поддерживает I18N плагин, т.е. несколько языков;
  • позволяет создавать заголовки, описания и теги для изображений;
  • поддерживает фильтрацию галерей по одному или нескольким тегам;
  • галереи fancybox и prettyPhoto работают и при отключенном JS;
  • отображение миниатюр может быть изменено с помощью CSS;
  • позволяет установить любой размер для миниатюры и большого изображения изображения;
  • автоматически масштабирует и обрезает миниатюры в соответствии с этими размерами;
  • может автоматически запускать слайд-шоу;
  • позволяет просматривать галереи до публикации;
  • позволяет отменять любое действие.

Если ваш шаблон содержит скрипт jQuery (он должен быть версии не ниже 1.4), он должен быть включен до вызова get_header(). Также вы должны в настройках плагина отключить использование jQuery.

После создания альбома, сохраните его и перейдите к "Списку альбомов". Скопируйте код, предназначенный для вставки на страницу, и вставьте его в WYSIWYG-редакторе на любую страницу.

Если вы хотите вставить код в компоненте или в шаблоне, то вам нужно использовать такой код:

<?php get_i18n_gallery_header('my-gallery-name'); ?>

Этот код рекомендуется вставлять до закрывающего тега </head>, но если вы вставите его в компонент перед следующим кодом, то ничего страшного не произойдет, и все будет работать.

<?php get_i18n_gallery('my-gallery-name'); ?>

Этот код нужно вставить в шаблон или в компонент.

Если вы планируете размещать галереи на каждой странице, вы можете разместить в шаблоне такой код:

<?php get_i18n_gallery(array('name'=>return_page_slug())); ?>

и создавать галереи с именами ссылок страниц. Это избавит вас от необходимости копировать и вставлять код на каждой странице.

Для отображения одного изображения при загрузке всех вы можете использовать следующие коды:

в шаблоне

<?php get_i18n_gallery(array('name'=>'my-gallery-name', 'thumb'=>'random')); ?>

на странице

(% gallery name=my-gallery-name thumb=random %)

Для отображения и загрузке одного изображения со ссылкой на страницу с полной галереей используйте такой код:

в шаблоне

<?php get_i18n_gallery_link('my-gallery-name', array('url'=>'my-gallery-slug', 'thumb'=>'random')); ?>

на странице

(% gallerylink name=my-gallery-name url=my-gallery-slug thumb=random %)

Слово random вы можете заменить на любое число от 0 в зависимости от количества фото в галерее.

Для отображения изображений из одного альбома по тегам можно использовать такой код:

(% gallerylink name=my-gallery-name tags=animal %)

Для создания галереи на разных языках существует выпадающее меню рядом с Настройками альбома. После создания галереи на основном языке выберите в нем следующий язык и заполните поля на нем.

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

Внимание! Похоже, существует ограничение на загрузку изображений в альбом, мне удалось загрузить ссылкой Add all images 120 фото, уже 135 плагин грузить отказывался.

Назад

blog comments powered by Disqus
Эту страницу посетили 21342 раз(а).

Последние новости

Последние комментарии

Для контактов

Back to top