SI Magnifier – lazy loading demo

Premium version only

Circle lens

Image is displayed straight away

Square lens

Image will get displayed 5 secs. after the page loads.

Rectangle lens

Image will get displayed 8 seconds after the page loads.

This is a bit of a contrived example. The three images on this page initially use the same image as their source however the bottom two use CSS to hide their display.

Javascript, loaded and called from within this post’s content, uses a timer to load the next two images by replacing the source value of each image with that specified in an alternative attribute name – data-simlazy.