Verticla Slider
There is no rule that syas slideshows must be horizontal. Mobile users are more familiar with vertical swiping so it makes more sense to have a vertical slider.
The lazy loaded images are inserted in three sizes with the phone image being a square or portrait image. Each one has a size and aspect ratio to suit the displaying device.
The images in the demo are …
- Large image 960 x 640px - file size: 70KB
- Medium Image - 600 x 400px - file size: 38KB
- Small Image - 375 x 540px - file size: 27KB
Controls
The action tabs can be positioned left or right with a control to adjust the inset. The controls, captions and link icon share the same controls for background and font/icon color.
Captions
The captions can be positioned horizontally and vertically left, center or right and can run to two or more lines if required.
Links
The link icon appears at the top right when the link option is selected so that touch device users are made aware that the image is a hyperlink..
Slider Stage
The slider can have a border and/or bottom box shadow and the container background can have a solid or two color gradient background.