Responsive Slides
1 A slideshow for a responsive website needs to be lazy loading and to insert each of the images in at least two sizes for computer and mobile devices.
If the images are landscape then a third image should be inserted for mobile phones in portrait mode with a square or portrait aspect ratio.
Images
The slideshow in the demo has a maximum width of 960px. The images were resized and optimised before importing into EverWeb.
The images are 960 x 640px, 720 x 480px and 375 x 540px respectively.
Captions
The captions can run to two or more lines and their position on the Y-axis adjusted. The font size can be reduced for phones.
Controls
When viewed on a computer the previous/next action tabs should be positioned together at the bottom right.
When viewed on a tablet in landscape mode the best position is half way down on each side so that the slider can be thumb driven.
There is a breakpoint control to set the breakpoint below which the action tabs are hidden since the slides can be swiped.
Image Links
Just like image, slides need to show an icon if they are configured as links to give a visual indication to mobile touch device users.