Gallery, плагин Slimbox

Опубликовано: 10 Мая 2014

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

Применение

[ [!Gallery? &plugin=`slimbox`]]

Свойства

Имя

Описание

По умолчанию

&slimboxUseCss

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

1

& slimboxCss

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

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

&slimboxRenderJsOnStartup

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

1

&slimboxLoadJQuery

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

0

&limboxJQueryUrl

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

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

&slimboxJsTpl

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

slimbox/js

&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

Значение текста. Позволяет Вам подстраивать, переводить или деактивировать текст, который появляется в титрах при множественном показе изображений. Внутри текста

"Image {x} of {y}"

 

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

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

 [ [Gallery?  &album=`7`  &plugin=`slimbox`  &loop=`1`  &slimboxLoadJQuery=`1`]]

 

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

 [ [Gallery?  &album=`8`  &plugin=`slimbox`  &slimboxRenderJsOnStartup=`0`]]

Комментарии (0)


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: