WT Bootstrap image slider, модуль слайдера изображений

Возможности

Все возможности слайдера исходят только из Bootstrap 4 и Bootstrap 5. 

• Неограниченное количество изображений
• Настройки элементов управления (стрелки, индикаторы)
• Эффект затухания (кроссфейд) (Bootstrap 4.1)
• Настройки времени показа для всех слайдов или для каждого в отдельности. (since Bootstrap 4.2.1)
• Заголовок и подзаголовок слайда
• Кнопка призыва к действию (текст, url, css-классы кнопки, js-цели для веб-аналитики)
• Можно создавать и использовать свои макеты модуля.
• Возможность вывода в слайдах вместо изображений пользовательского HTML-кода.
• Адаптивные изображения в карусели изображений

Адаптивная графика в слайдере изображений

Использование адаптивных изображений предполагает, что для каждого диапазона разрешений экрана Вы готовите отдельную картинку. Затем браузер автоматически определяет, какая именно лучше подходит для пользовательского устройства. Например, для десктопов разумнее показывать картинку в пропорции 16x9 (ландшафтная ориентация), в то время как для мобильных устройств - 9x16 (портретная ориентация). Для этого существует HTML5 тег <picture>. Настройки модуля позволяют указывать изображения и @media запрос для этого изображения стандартным CSS-синтаксисом.

Демо

Previous Next