Hero Slider
The hero slider (full width - fixed height) is very popular. This one can display the images at a fixed height or, by checking a box, be made to fill the viewport.
Images
Although the images are lazy loaded their size should be kept to a minimum and a maximum number of slides for this application should be no more than six.
Slideshow Options
The transition can be slide or fade and the transition time is set in milliseconds.
Autoplay
Autoplaying slideshows are really irritating and will cause most visitors to scroll them out of view so that they can focus on the rest of the content. Autoplay is definitely not welcomed by mobile users. because the slideshow still plays even when out of view and is draining the device's battery.
To overcome the problem of a client insisting on autoplay the slideshow can be set to autoplay by entering the slide time in milliseconds. There is a checkbox to allow the slides to autoplay and then stop at the last one. For this to happen, loop is disengaged but the visitor can still use the previous arrows to go back through the slides if they really want to see them again..
Navigation
The images are lazy loaded and are navigated using the directional arrows or grab and drag on computers. The arrows are inserted at the bottom right for ease of use.
The arrows can be hidden on mobile devices where the images are swiped.
Captions & Links
The optional captions are centered horizontally and can be placed at the top or bottom of the image.
Links can open internal of external pages and have a new window option.
Switch
Although preferred by some, a beter option than a hero slider is the switch slider which can be seen on the next page …