Четверг, 17 октября

1-ое место по популярности среди всех типов частиц Gantry5 занимают всевозможные слайдеры - ни один сайт не обходится без них. При этом смена изображений в модуле слайдера  может происходить как простое чередование галереи фотографий с opacity, так и с замысловатыми переходами, со спецэффектами. Обязательными аттрибутами являются кнопки перехода - так называемые sidenav (next/prev) и dots.

Частица Slideshow от Joomlead 2018 - среди слайдеров наиболее "наворочена" - существует более 100 модификаций настроек. Частица построена на основе кода Uikit3 (css и js) и поэтому требует предварительной установки Uikit3 for Gantry5.  

Настройка Slideshow осуществляется на 5 вкладках tabs - content, slideshow, overlay, general, parallax.

Выбор изображения с аттрибутами: название (title), пояснение (meta), описание (description) и кнопкой (button) с различными предустановленными стилями - стандартный набор любого слайдера осуществляется на вкладке content. Как и у любого слайдера для Gantry5 существует возможность разместить в этих полях всевозможные картинки с помощью тега img. Путь до изображения в этом случае начинается с корневой папки images вашего шаблона

Настройка слайдера по высоте и анимация производится на вкладке slideshow. 

Анимация (transition) предусматривает 5 различных стилей смены изображений - slider, fade, scale, push и pull . Плюс эффект kenbursn - прямой (default) и обратный (reverse).

Третья вкладка overlay осуществляет настройку оверлея, в котором отображаются title, meta и description - это 7 предустановленных стилей : none, overlay default, overlay primary, title default, title primary, title muted, title secondary. Плюс дополнительные настройки цвета overlay, полей- отступов, позиции. Возможна анимация текста, в т.ч. параллакс-эффект.

Цвет, размер и анимацию title, meta, description можно изменять под свои нужды. Есть 17 предустановленных стилей анимации (transition), в т.ч. параллакс-эффект

Вкладка general осуществляет упраление частицой Slideshow на различных гаджетах - показывать или нет её на смартфонах, планшетах, компьютерах, с помощью какого цвета отобразить название модуля и многое другое.

Вкладка parallax отвечает за поведение overlay внутри модуля slideshow, а также может отвечать за поведение самой частицы при отображениии модуля slideshow на мониторе компьютера.

Так как частица Slideshow no free (не бесплатна), пришлось немного попотеть и разработать аналогичную - Slideshow Customize 2019+ исправить некоторые баги в исходнике (цвет и размер букв) - но зависимость от размещения в секции шаблона сайта пока присутствует.

 

телефоны
+7 (902) 327-81-10 (Мегафон)
адрес
Чебоксары, Гражданская ул., д. 78, к. 149
часы работы
с 8:00 до 18:00 (сб, вс - с 9:00 до 15:00)