EverWeb Widgets

Random Load Hero Image

The hero image is full width, fixed height. To see the responsive action, increase/reduce the browser width.
The image is inserted as the background image of a div. The background size is set to cover and its position is centered horizontally and vertically.
jQuery is used to insert a string of image files. Math.random() is used to cause them to load randomly when the page is refreshed or reloaded.

© EverWeb Widgets -