Контактная информация

По всем интересующим вас вопросам связывайтесь при помощи контактной информации приведенной на этой странице!

skype: metsof
email: accusser@gmail.com

В социальных сетях...

Форма обратной связи

Авторизация

Плагин Gallery «Slimbox» MODX Revolution

Сайдбар

Этот плагин позволяет быстро выводить приложение Gallery и отображать пиктограммы изображений с простым полупрозрачным наложением, когда Вы нажимаете на пиктограмму. Используется Slimbox2 plugin для jQuery.

 

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

 

Просто добавьте этот параметр для сниппета Gallery:

 

 

Доступные свойства

Slimbox выпускается с несколькими собственными свойствами. Вы можете ввести эти свойства, чтобы превзойти настройки по умолчанию Gallery.

Имя

Описание

Значение по умолчанию

slimboxUseCss

Со значением «1» будет использовать предоставленный слимбокс  CSS-файла

1

slimboxCss

Если значение slimboxUseCss равно 1, то загрузит CSS-файл с данным свойством. Если значение не установлено, будет использовано предоставленное свойство

{slimbox_url}packages/slimbox/css/slimbox2.css

slimboxRenderJsOnStartup

Загрузите Slimbox JS в заголовке страницы. Если значение «0», то загрузится внизу страницы

1

slimboxLoadJQuery

Если установлено значение «1», то добавит JQuery в загрузку страницы. Оставьте «0», если Вы уже загрузили JQuery (рекомендуется)

0

slimboxJQueryUrl

Если значение slimboxLoadJQuery равно «1», загрузит файл jQuery JS с данного URL-адреса

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

slimboxJsTpl

Чанк файла шаблона для slimbox JS. Вы можете пропустить эту настройку в большинстве случаев

slimbox/js

Ниже представлены настройки, влияющие на поведение Slimbox

Имя

Описание

Значение по умолчанию

loop

Если установлено значение «1», позволяет пользователю перемещаться между первым и последним изображением в галерее Slimbox, если существует более одного изображения для показа

0

overlayOpacity

Уровень прозрачности фонового наложения. «1» - непрозрачный, «0» - полностью прозрачный

0.8

overlayFadeDuration

Длительность постепенного появления и затухания анимации наложения в миллисекундах. Установите «0» для деактивации данных эффектов

400

resizeDuration

Длительность анимации изменения ширины и высоты в миллисекундах. Установите «0» для деактивации анимации

400

resizeEasing

Название модификации, которую Вы хотите применить для анимированного изменения размеров (требуется плагин jQuery Easing для всех эффектов, кроме «раскачивания»). Множество модификаций требует более длительное время для выполнения, чтобы все выглядело красиво, поэтому так же отрегулируйте опцию resizeDuration

swing

initialWidth

Начальная ширина блока наложения в пикселях

250

initialHeight

Начальная высота блока наложения в пикселях

250

imageFadeDuration

Длительность постепенного появления изображения в миллисекундах. Установите «0» для деактивации данных эффектов и немедленного появления изображения

400

captionAnimationDuration

Длительность постепенного появления титров в миллисекундах. Установите «0» для деактивации данных эффектов и немедленного появления титров

400

counterText

Значение текста. Позволяет Вам подстраивать, переводить или деактивировать текст, который появляется в титрах при множественном показе изображений. Внутри текста {x} будет заменен текущим индексом изображения, а {y} заменит общее количество изображений. Установите неверное значение (булево значение без кавычек) или "" для деактивации счетчика

"Image {x} of {y}"

 

Примеры

Загрузите Slimbox для альбома с ID 2 и сделайте повторяющийся цикл. Так же, загрузите jQuery:

 



Загрузите Slimbox для альбома с ID 2 и поставьте JS и CSS внизу страницы: