Сниппет jgSlideshow

Последнее обновление 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

Использование сниппета: вывод слайдшоу на странице

Базовый код:

<div id="slideShow">
[[!jgSlideshow?
    &album_id=`1`
]]
</div>

album_id: id из менеджера:

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

Version 1.1

Basics¶

Name	Description	Default Value
loadJQuery	true: подключает jQuery. Если jQuery уже есть, задайте false (с 1.1+)	true
toPlaceholder	Плейсхолдер, куда попадёт сгенерированный HTML
skin	Скопируйте tpl с префиксом nivo, переименуйте с своим префиксом. Вместо перечисления каждого tpl в вызове укажите skin. Явное значение tpl перекрывает skin для этого свойства.	nivo
album_id	id альбома для показа	1
slide_div_id	HTML id элемента, к которому привязан JS-слайдшоу. Используется в headTpl, см. nivo_headTpl	slider

The Chunk properties¶

Рекомендуется дублировать чанк перед правкой, чтобы обновления не затёрли изменения. Удобно хранить кастомные чанки в отдельной папке.

Name	Description	Default Value
headTpl	JS/CSS слайдшоу для head, может использовать результаты цикла	nivo_headTpl
slideHolderTpl	Контейнер для slide panes	nivo_slideHolder
htmlCaptionTpl	HTML Caption Option	nivo_htmlCaptionTpl
slideLinkTpl	Slide pane внутри anchor	nivo_slideLinkTpl
slidePaneTpl	Сам pane или изображение	nivo_slidePaneTpl

Placeholders available for Chunks¶

Tpls that use them	Name	Description
all Chunks
	slide_div_id	HTML id элемента для JS-слайдшоу.
	count	Общее число слайдов
only headTpl
	id	id альбома
	title	Заголовок альбома
	description	Описание альбома
	file_allowed	Допустимые типы файлов альбома
	file_size_limit	Максимальный размер файла альбома
	file_width	Ширина изображений слайдшоу
	file_height	Высота изображений слайдшоу
slideHolderTpl, htmlCaptionTpl, slideLinkTpl, slidePaneTpl
	src	Полный URL изображения
	id	id слайда
	slideshow_album_id	id альбома
	url	URL слайда из менеджера
	title	Заголовок слайда из менеджера
	description	Из менеджера
	notes	Из менеджера
	html	Из менеджера
	options	Из менеджера
	upload_time	Время загрузки изображения
	file_path	Только имя файла, например image.jpg
	file_type	jpg, png и т.д.
	web_user_id	Пользователь, последний раз обновивший слайд
	start_date	Дата начала показа слайда
	end_date	Последний день показа слайда
	edit_time	Время последнего редактирования
	sequence	Порядок слайда
	slide_status	Статус
	version	Число редактирований

Examples¶

Несколько слайдшоу:

<div id="slider-wrapper">
    [[!jgSlideShow?
        &album_id=`1`
    ]]
</div>
<!-- Make sure you use a different ID for each instance: -->
<div id="slider-wrapper2">
    [[!jgSlideShow?
        &album_id=`8`
        &slide_div_id=`slider2`
    ]]
</div>