Random Load Image

Every time the page is refreshed or reloaded, a random image from a string will be chosen and displayed. 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.
Images
All the images should be the sams size and be imported into EverWeb at the size they will appear on the page.
Adjust the widget's width and height to suit the image size and aspect ratio. Once this is set, the overall size can then be adjusted using a drag handle by holding down the shift key while dragging or by checking the "Constrain Proportions" box in the Metrics inspector.
Styles
The container can be styled with a border, border radius and a box shadow if required.

© EverWeb Widgets -

EverWeb Widgets