WT Bootstrap image slider
Introduction
Joomla 3 and Joomla 4 Bootstrap carousel image and content slider. Bootstrap 4 and Bootstrap 5 support. Adaptive images in the image carousel.
WT-Bootstrap-image-slider
Features
All the features of the slider come only from Bootstrap.
- Unlimited number of images
- Control settings (arrows, indicators)
- Crossfade effect (since Bootstrap 4.1)
- Display time settings for all slides or for each slide individually (since Bootstrap 4.2.1)
- The title and subtitle of the slide
- Call-to-action button (text, url, button css classes, js goals for web Analytics)
- You can create and use your own module layouts.
- Bootstrap 4 and Bootstrap 5 support
- Custom HTML code in slides
- You can insert any content into slides of the "Custom HTML" type using content plugins.
- Adaptive images in the image carousel
Adaptive graphics in the image slider
Using adaptive images assumes that you prepare a separate image for each range of screen resolutions. Then the browser automatically determines which one is best suited for the user's device. For example, it is more reasonable for desktops to show a picture in the ratio of 16x9 (landscape orientation), while for mobile devices - 9x16 (portrait orientation). To do this, there is an HTML5 tag .The module settings allow you to specify images and @media request for this image with standard CSS syntax.
GitHub: https://github.com/sergeytolkachyov/WT-Bootstrap-image-slider
Возможности
Все возможности слайдера исходят только из Bootstrap.
- Неограниченное количество изображений
- Настройки элементов управления (стрелки, индикаторы)
- Эффект затухания (кроссфейд) (Bootstrap 4.1)
- Настройки времени показа для всех слайдов или для каждого в отдельности. (since Bootstrap 4.2.1)
- Заголовок и подзаголовок слайда
- Кнопка призыва к действию (текст, url, css-классы кнопки, js-цели для веб-аналитики)
- Можно создавать и использовать свои макеты модуля.
- Поддержка Bootstrap 4 и Bootstrap 5
- Адаптивная графика в слайдах
- Возможность вывода в слайдах вместо изображений пользовательского HTML-кода.
- Пользовательский HTML-код обрабатывается контент-плагинами
Адаптивная графика в слайдере изображений
Использование адаптивных изображений предполагает, что для каждого диапазона разрешений экрана Вы готовите отдельную картинку. Затем браузер автоматически определяет, какая именно лучше подходит для пользовательского устройства. Например, для десктопов разумнее показывать картинку в пропорции 16x9 (ландшафтная ориентация), в то время как для мобильных устройств - 9x16 (портретная ориентация). Для этого существует HTML5 тег . Настройки модуля позволяют указывать изображения и @media запрос для этого изображения стандартным CSS-синтаксисом.
WT Bootstrap image slider
- Version:
- 2.1.1
- Developer:
- Sergey Tolkachyov
- Last updated:
-
Feb 09 2023
7 months ago - Date added:
- Mar 06 2020
- License:
- GPLv2 or later
- Type:
- Free download
- Includes:
- m
- Compatibility:
- J3 J4
Share