Galleriffic

Последнее обновление not available | История страницы | Улучшить эту страницу | Сообщить о проблеме

Support the team building MODX with a monthly donation.

The budget raised through OpenCollective is transparent, including payouts, and any contributor can apply to be paid for their work on MODX.

Backers

Budget

$204 per month—let's make that $500!

Learn more

Плагин Galleriffic для Gallery¶

Плагин Galleriffic быстро выводит Gallery с изображениями. Для работы jQuery должен быть уже загружен на странице.

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

Добавьте этот параметр в сниппет Gallery:

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

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

Galleriffic переопределяет следующие свойства сниппета Gallery. Чтобы переопределить их, передайте свойство с префиксом galleriffic.

Name	Overrides	Description	Default Value
gallerifficThumbTpl	thumbTpl	Чанк миниатюры для каждого элемента.	GallerifficItemThumb
gallerifficContainerTpl	containerTpl	Чанк-контейнер для обёртки содержимого.	Galleriffic
gallerifficThumbWidth	thumbWidth	Ширина миниатюр.	75
gallerifficThumbHeight	thumbHeight	Высота миниатюр.	75

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

Name	Description	Default Value
numThumbs	Число миниатюр на странице.	15
navigationWidth	Ширина навигации в пикселях.	300px
enableTopPager	Показывать верхнюю пагинацию.	1
enableBottomPager	Показывать нижнюю пагинацию.	1
maxPagesToShow	Максимальное число страниц в пагинации.	7
renderSSControls	Рендерить элементы управления слайдшоу.	1
renderNavControls	Рендерить элементы навигации.	1
enableHistory	Включить history.	0
autoStart	Автоматически запускать слайдшоу.	0
defaultTransitionDuration	Длительность переходов в миллисекундах.	500
thumbsContainerSel	CSS-селектор контейнера миниатюр.	#gal-gaff-thumbs
imageContainerSel	CSS-селектор контейнера основного изображения.	#gal-gaff-slideshow
captionContainerSel	CSS-селектор контейнера подписи.	#gal-gaff-caption
controlsContainerSel	CSS-селектор контейнера элементов навигации.	#gal-gaff-controls
loadingContainerSel	CSS-селектор контейнера экрана загрузки.	#gal-gaff-loading
playLinkText	Текст ссылки Play Slideshow.
pauseLinkText	Текст ссылки Pause Slideshow.
prevLinkText	Текст ссылки Previous Photo.
nextLinkText	Текст ссылки Next Photo.
prevPageLinkText	Текст ссылки Previous Page.
nextPageLinkText	Текст ссылки Next Page.

Примеры¶

Galleriffic с 10 миниатюрами на странице:

[[!Gallery?
   &toPlaceholder=`gallery`
   &album=`My Photos`
   &plugin=`galleriffic`
   &numThumbs=`10`
]]

Скрыть пагинацию и элементы «show slideshow», но автоматически запустить слайдшоу:

[[!Gallery?
   &toPlaceholder=`gallery`
   &album=`My Photos`
   &plugin=`galleriffic`
   &renderNavControls=`0`
   &renderSSControls=`0`
   &autoStart=`1`
]]

Смотрите также¶