Image slider

Documentation - components

Image slider

Show your images with a slider and carousel component, also with lightbox support.

Type Slider show one image at same time, carousel show multiple images at the same time
Lightbox If checked user can click on image and the image is open with large size with lightbox
Lightbox animation The lightbox animation
Images size All images are auto resized and you can choose what size to use, the best size is the smaller size without lost of quality, if your slider show small images you should use small sizes. Original size show the original uploaded image, never use this size if you not compressed the image before upload it
Mobile center arrows Force vertically middle arrows position on mobile
Vertical middle Force vertically middle arrows position
Always visible arrows Maintain always visible the left/right arrows
Inner dots Show navigation dots into the image area, over the images, on bottom
Outer arrows Move the left/right arrows out of slider container
Thumbnail Add a frame around the images
PNG optimized Check this if you add png images with transparent background
CSS classes Add here the css classes that will be applied to the single image item
Trigger Set to manual when the slider must not be activated on page load, use it when the slider is into a lightbox, tabs or other container
Images animation Set the on mouse hover image animation
Advanced options Advanced plugin options, check HTML documentation for all details
Lightbox image size Set the image size of the large lightbox image.