С пол-года назад набрёл в интернете на интересную библиотеку, под названием FloatBox. Понравилось. Решил написать плагин-обёртку и даже написал. Но конечная фаза как-то не задалась и всё подвисло. Сам пользовался, но другим не давал. Кроме того, пока я, извините за выражение, “жевал сопли”, кое-кто зарегистрировал плагин с идентичным названием (первоначальное название Simple Gallery), что существенно увеличило фронт работ. Но я, наконец, собрал волю в кулак и закончил плагин, который и предлагаю Вашему вниманию.

Это – плагин Simple View. Плагин для просмотра изображений, видео и HTML-документов не уходя с просматриваемой страницы.

В определённом смысле данный плагин, а точнее библиотека FloatBox, является клоном LightBox, наряду с такими библиотеками как Lightview, Shadowbox, Fancybox, Thickbox и т.д. и т.п.

По утверждению автора (Byron McGregor), библиотека прекрасно работает с большинством популярных браузеров. Я проверил и это действительно так.

Demo

Изображения (миниатюры в качестве контента):

Изображения (текст к качестве контента):

• BMW X5
• BMW X6

Видео клипы (YouTube ID в качестве контента):

Видео клипы (текст в качестве контента):

• YouTube
• Yahoo
• Vimeo
• Google Video
• Metacafe
• Dailymotion

Другие ресурсы (текст в качестве контента):

• Мой блог о программировании в WordPress
• Мой интернациональный блог

Установка

• Закачать папку плагина в папку WordPress /wp-content/plugins
• Активировать плагин на странице плагинов
• Установить FloatBox на странице “Установка FloatBox”
• Перейти на страницу параметров FloatBox и ввести, если есть, ключ лицензии. FloatBox распространяется по лицензии Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.Если у Вас нет ключа или Вы его не введёте, FloatBox будет периодически выбрасывать напоминание о необходимости приобрести лицензию, оставаясь при этом полностью работоспособным.
• Настроить плагин по собственному вкусу

Более подробно о работе с плагином Simple View можно узнать в кратком руководстве …

Использование

Короткие коды:

Для любых медиа-объектов:

[sview source="//www.simplelib.com/images/posts/sv-admin.jpg" caption="Simple View Admin Page" group="admin"]Text or Thumbnail[/sview]

• source – источник (изображение, видеоклип или HTML)
• caption – заголовок
• group – имя группы. Если Вы хотите разместить на странице несколько галерей, задайте для каждой из них уникальное имя. Объекты с одинаковым именем группы объединяются в галереи.

Для встроенных медиа-объектов:

[svg id=1]
[svg id=1 only="1,2,5"]
[svg id=1 exclude="1,2,5" group="anyName"]
[svg item=1]

• id – ID встроенной галереи
• only – показать только перечисленные элементы галереи при выводе галереи на странице.
• exclude – исключить перечисленные элементы при выводе галереи на странице.
• group – имя группы. Если не задано, для каждой галереи заданной кодом будет присвоено уникальное имя. Если Вы хотите объединить несколько галерей заданных кодом в одну (при просмотре в окне FloatBox) задайте им одинаковые имена групп.
• item – показать один объект галереи по ID элемента. Все предыдущие параметры с этим параметром не работают.

Диалоги вставки коротких кодов:

Любой объект:

Общие параметры

• Источник – источник (изображение, видеоклип или HTML). Только URL.
• Заголовок – заголовок.
• Содержимое – Текст, URL миниатюры или YouTube ID.
• Тип содержимого – селектор типа контента.

Дополнительные параметры

• Группа – имя группы. Если Вы хотите разместить на странице несколько галерей, задайте для каждой из них уникальное имя. Объекты с одинаковым именем группы объединяются в галереи.

Встроенные галереи:

• ID – ID галереи (режим галереи) или ID элемента (режим элемента)
• Тип содержимого галереи – селектор режима ID
• Элементы – идентификаторы исключаемых или включаемых элементов. Разделять запятыми.
• Исключить или показать элементы – селектор режима элементов

В режиме элемента имеет значение только параметр ID.

Языки

На сегодняшний день плагин доступен на следующих языках:

• Английский
• Русский

Готовность русского языка 75%. Если кто-то пожелает закончить русский перевод плагина, в качестве вознаграждения он получит соавторство по переводу (будет упомянут как соавтор перевода) и 4 ссылки на свой блог – с трёх моих блогов и с ресурса wordpress.org. По вопросам сотрудничества пишите на minimus AT blogcoding.ru

Возможности библиотеки FloatBox

О всех заявленных возможностях библиотеки FloatBox Вы можете узнать здесь.

Скачать

© 2010 – 2013, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.