EverWeb Widgets

Product Image Carousel

Slideshow

The slideshow can have up to 48 images with options for captions and image links. The slides sit side by side with the info text when viewed on computers and slide above or below when viewed on mobile devices.
Images
The images should all be cropped to the same size and aspect ratio before importing into EverWeb. The images should be no greater than about 800px wide.
The images can be lazy loaded using two methods …
[1] Images are lazy loade on demand
[2] The visible image(s) and the next and previous images are lazy loaded.
NOTE: when the box for lazy loading is checked, the images will NOT be visible in the EverWeb design canvas.
The number of visible images can be set for each device type.
Navigation
The slides can be navigated using the pager or grab and drag on computers. They can be swiped on touch devices.
In its default mode, a pager dot moves all the visible images on click. There is a setting to turn on dots for each slide if required so that the images slide over one at a time.
There is a control for setting the transition time in milliseconds.
Autoplay
Since autoplay should never be used for slideshows that will be viewed o mobile devices, this function can only be turned on for computers.
There are controls for setting the slide time and autoplay transition time in milliseconds and a control to turn on a pause on hover function which will be required in the images are hyperlinks.
Slider Styles
There is a control for setting the gap between the slides, for both top and bottom padding and for background color and its opacity. The slider can be either full width or centered with a mximum width. In the example slideshow, the gap and padding controls are use to create a border around each slide.
Captions
The centered captions are turned on globally. The captions can use any type of font and have controls for font size, color, hover color and background color and its opacity.
The captions can appear only on hover when viewwed on computers
Links
Image links are turned on globally and can be configured to open an internal or external page and in a new window if required. Links are created using relative or absolute file paths. Follow the link below for more info.

File Paths

Responsive Settings

There are controls for setting the slideshow options for each device type - computer, tablet landscape, tablet portrait and mobilee phone.
These controls set the number of slides, pager show/hide, dots per slide show/hide and the stage padding.
Stage Padding
Stage padding is a value set in pixels which reveals part of the previous and next off screen images.

© EverWeb Widgets -