Lazy Load [img] 2.8.0

Provides lazy loaded image support via the Lazysizes



A zero query method for per user-group lazy loading of the and [/B]


Enable Outside threads/Conversations
permits the lazy loading bbcode injection to run outside of those contexts. Inside those context it will still respect permissions.

Force lazy loaded spoiler'ed images
Ignores permissions, and lazy loads images in spoilers

Lazy load icons
Lazy load user avatars, resource icons, and threadmark icons.

This uses browser native lazy loading.

Use native lazy loading
Requires a modern browser, otherwise falls back to js library code

Inject blank SVG for attachment







Unveil effects

Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded. This can be done by the provided style classes



Fade in

Fade image in after load.



In; Lazy loading and Lazy loading in progress





CSS:



opacity: 0;

In Lazy loading finished add;







CSS:



opacity: 1;
transition: opacity 300ms;



Spinner

Fade image in while loading and show a spinner as background image (good for progressive images)



In; Lazy loading;





CSS:



opacity: 0;

In Lazy loading in progress;





CSS:



opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;



A "loader.gif" image is not provided by this add-on!