Lazy Loading Image

The image is inserted in an HTML5 figure element. It can be made responsive if required and has an optional caption which can be displayed on page load or on hover when viewed on a computer. On mobile devices, the hover is disabled and the caption is displayed.
The image can be configured as an internal or external hyperlink and to open in a new window if required.
Due to the lazy loading scritp, any amount of images can be inserted on a page and only the first one or two will download with the page content. The others will be loaded when the visitor starts to scroll the page and the image itself comes within 100px of the viewport.