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