[XF Addon] Lazy Load [img] 2.7.1

Provides lazy loaded image support via the Lazysizes

A zero query method for per user-group lazy loading of the and tags in threads and conversations.

Uses a noscript tag around the original img tag.

Option to force lazy loading of contents in a spoiler tag.

Permissions:

Adds the permission:

• Enable Lazy Load Images

For "Forum Permissions" and "Conversation Permissions" sections.

Options:

• 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


In Lazy loading finished add;


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

In; Lazy loading;


In Lazy loading in progress;


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