Слайдер с отложенной загрузкой изображений, при которой слайды загружаются не сразу, а в момент их смены. Представьте, что у Вас 20 слайдов, с помощью которых вы хотели бы продемонстрировать Ваш проект. Без отложенной загрузки размер страницы может увеличиться до таких значений, при которых пользователь будет долго ждать загрузку всех ресурсов. С отложенной загрузкой Вы можете иметь неограниченное количество слайдов любого размера. Доступно 4 типа анимации: классический слайд-эффект, эффект перелистывания, эффект плавного возникновения, а также смешанный режим, сочетающий в себе все виды анимации. Расширенный параллакс-эффект делает возможным самостоятельно определять наезд и глубину паралакса. Другие опции: мультиязычные HTML субтитры, адаптивный дизайн, автоматическая обработка и кадрирование изображений, контроль воспроизведения и анимации.

Установка и использование

  1. Загрузите модуль.
  2. Установите Архив при помощи менеджера расширений Joomla!
  3. Добавьте новый модуль в менеджере модулей.
  4. Обратитесь к всплывающим подсказкам или данной документации для изучения настроек.
  5. Выберите необходимые опции и опубликуйте модуль.

Описание настроек и опций

Максимальная ширина и высота изображения
Эти настройки определяют пропорции Ваших изображений, которые должны соответствовать значениям, заданным этими параметрами. При использовании опции автоматического кадрирования, изображения будут обрезаться согласно этим значениям.
Минимальная ширина для показа субтитров
Минимальная ширина слайдера в пикселях, при которой будут показаны субтитры. Если контейнер меньше заданной ширины, субтитры будут скрыты. С помощью этой опции Вы можете определить, показывать ли субтитры на мобильных телефонах или планшетах.
Минимальная ширина для показа элементов контроля
Минимальная ширина слайдера в пикселях, при которой будут показаны элементы контроля, такие как индикаторы и кнопки навигации и контроля воспроизведения. Если контейнер меньше заданной ширины, элементы контроля будут скрыты. С помощью этой опции Вы можете определить, показывать ли данные элементы на мобильных телефонах или планшетах.
Тип анимации
Доступно 4 типа анимации: классический слайд-эффект, эффект перелистывания, эффект плавного возникновения, а также смешанный режим, сочетающий в себе все виды анимации.
Автовоспроизведение
Запускает цикл смены слайдов после загрузки страницы. Если опция выключена, слайды можно будет сменить только вручную при помощи элементов контроля или же скользящими движениями на тач-скринах, также можно будет включить воспроизведение при помощи кнопки запуска, если последняя включена.
Интервал воспроизведения
Интервал, заданный в миллисекундах, который определяет длительность паузы между сменой слайдов. Минимальное значение —1000 миллисекунд (1 секунда).
Пауза при наведении мышью
Останавливает воспроизведение слайдов при наведении мышью на слайдер.
Контроль клавиатурой
Использование клавиш клавиатуры лево/право для навигации.
Отложенная загрузка
Включает отложенную загрузку слайдов, при которой слайды будут загружаться не все сразу, а в процессе их смены.
Показывать загрузчик
При отложенной загрузке в нижнем правом углу на время загрузки изображения будет показан небольшой прогресс-бар.
Показывать стрелки навигации
С помощью этой опции вы можете скрыть стрелки навигации.
Показывать индикаторы навигации
С помощью этой опции вы можете скрыть индикаторы навигации.
Эффект «параллакс»
Изменение видимого положения объекта относительно удалённого фона в зависимости от положения полосы прокрутки наблюдателя.
Направление «параллакса»
Направление анимации при параллаксе: сверху-вниз или снизу-вверх.
Наезд «параллакса»
Наезд (увеличение, zoom) изображения в процентах при параллакс эффекте. Чем больше наезд, тем выраженнее эффект. Выбирайте оптимальный масштаб, кореллирующийся с максимальной возможностью увеличения изображения без потери его качества.
Глубина «параллакса»
Рабочая высота параллакса в процентах. Если значение установлено в 100, то анимация будет производиться до тех пор, пока нижняя граница слайдера находится в области видимости экрана. Если значение меньше 100, то анимация завершается к моменту скролла до границы, равной установленному значению от высоты слайдера. Уменьшение глубины параллакса — это дополнительный способ повысить скорость анимации без увеличения масштаба изображения.
Минимальная ширина для «параллакса»
Минимальная ширина слайдера в пикселях, при которой параллакс-эффект будет активен. С помощью этой опции вы можете определить, следует ли использовать параллакс-эффект на мобильных и планшетах.
Автоматическое сжатие и кадрирование

Благодаря этой опции вы можете не думать о ручной обработке изображений. Выбирайте изображения наилучшего качества — слайдер будет обрабатывать их автоматически, придавая изображениям необходимые пропорции, размер и другие параметры, при этом для экранов различной ширины клиентам будут отдаваться изображения различного размера.

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

Качество изображения после обработки
Величины от 1 до 100. Этот параметр применим только к изображениям типа jpg/jpeg и png, при этом для png значение переводится в величины от 0 до 9 согласно спецификации данного типа изображений. Максимальное качество изображения 100 останется таковым для jpg/jpeg и будет переведено в 0 для png. Рекомендуется не превышать значение 75, т.к. это может привести к необоснованному увеличению размера изображения.
Максимальное время кэша браузера
Количество секунд, определяющее время жизни кэша браузера для нового изображения.
Показывать кнопки воспроизведения
С помощью этой опции вы можете скрыть кнопки воспроизведения старт/стоп.