EverWeb Widgets

EverWeb responsive row carousel responsive row carousel responsive row carousel responsive row carousel responsive row carousel responsive row carousel responsive row carousel responsive row carousel responsive row carousel

Responsive Grid Row Carousel

Scrolling

When viewed on a computer, the carousel scrolls by hovering the hotspot to the right. Removing the cursor from the hotspot will stop the carousel and hovering the left hotspot will reverse it.
Auto Scroll
The carousel can be set to autoscroll when viewed on computers. The visitor can then take control by hovering a hotspot as described above. Auto scroll or autoplay is not really a good idea since it irritates most visitors. Auto scroll is NOT available on mobile devices since this would defeat the idea of ondemand lazy loading and increase the device's battery power consumption quite dramatically.
Scroll Speed
Both the hotspot scroll speed and the auto scroll speed can be adjusted using sliders. The higher the number - the faster it goes.
Mobile Devices
On tablets and mobile phones, both auto and hotspot scrolling are disengaged to be replaced by touch scroll (swiping).
Height & Spacing
The carousel is full width responsive with a fixed height. There are controls for setting the height for the different devices - computer, tablet and mobile phone.
The slide spacing and the background color can be adjusted. The vertical spacing from the items above and below can also be adjusted.
The horizontal and vertical controls can be set to the same value to simulate an image border.
Images
As can be seen from the demo, the carousel can accommodate images with varying aspect ratio as these are portrait, square and landscape.
To make the carousel as efficient as possible, these should be cropped to the maximum height that they will be displayed at in the browser before importing into EverWeb.
Lazy Loading
The carousel can have up to 100 images. These images lazy load so that only the images in view and the next image are downloaded at page load. The rest are loaded "ondemand" just before they scroll into view.

© EverWeb Widgets -