Skip to content

sergeytolkachyov/WT-Bootstrap-image-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Version Status JoomlaVersion DocumentationRus DocumentationEng

WT-Bootstrap-image-slider

Joomla 4 and Joomla 5 Bootstrap carousel image and content slider. Bootstrap 4 and Bootstrap 5 support. Responsive images in the image carousel.

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.
  • Responsive images in the image carousel
  • 8 link types for Call to action button
    • JoomShopping Category
    • Virtuemart Category
    • Joomla Content category
    • Joomla Article
    • Menu item
    • Custom link
    • File
    • Phoca Cart category

Rresponsive images in the image slider

Using responsive 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.

Responsive graphics in module demo video

WT Bootstrap image slider слайдшоу изображений для Joomla 4 с адаптивной графикой