All parameters related to the overall slider used for the slideshow.
Slider type | The slider type to use for all the slides.
|
||||||||
Max width | The width in pixels the slider should not go over. Leave blank to make the slider resize itself in its container |
||||||||
Border width | The border for the slider in pixels | ||||||||
Navigation | Basic slider Whether to use a navigation and if using one, where it shows
|
||||||||
Pro Current tab color |
Auto-hide thumbnails carousel slider The color of the tab for the current slide |
||||||||
Pro Other tabs color |
Auto-hide thumbnails carousel slider The color of the tabs for all but the current slide |
Arrows
Color | The color of the arrows |
Background color | The background color of the arrows (leave blank to keep transparency) |
Background radius | The radius of the background edges. A 0 value will keep the background square, 20 will make it round. Anything in between will give a round effect to the corners |
Shadow | The shadow width for the arrows (in pixels). Use 0to show no shadow |
A live widget is available to preview the resulting output.
since v2.0 Auto-resize thumbnails sliderPro Thumbnails carousel slider Auto-hide thumbnails carousel slider
Thumbnails
Thumbnail width | The width in pixels of the thumbnails used for the carousel |
Thumbnail height | The height in pixels of the thumbnails used for the carousel |
Crop | Crops the pictures if in the wrong width/height ratio |
Quality .jpg | The quality for the .jpg image (0..100). 100 has best picture quality but image file weight is the biggest |
Quality .png | The compression for the .png image (0..9). 0 has best picture quality (no compression) but image file weight is the biggest |
New Quality .webp |
The quality for the .webp image (0..100). 100 has best picture quality but image file weight is the biggest |
The PHP GD extension php_gd2
is required for the creation of image thumbnails. Make sure this extension is available on your service provider's server. The module will detect this automatically and let you know.
When WebP thumbnails are created, fallback images are automatically created as well (as png files) for the largest browser support.
When using the slider with auto-resize thumbnails, the slider script is fully responsible for the output and is not compatible with the <picture>
element. Therefore, if the slide's image is using the WebP image file format, the png fallback will be used instead for the thumbnail.