Lazy Load [img]

XF 2 Add-on Lazy Load [img] 2.4.1

Compatible With XenForo
2.0, 2.1
Additional Requirements
Require Client Browsers to be at least IE9, Firefox, or Chrome.
Visible Branding
No
Provides lazy loaded image support via the Lazysizes

A zero query method for per user-group lazy loading of the [img] and [attach] 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 permission:
  • Enable Lazy Load Images
For "Forum Permissions" and "Conversation Permissions" sections.

Options:

options.png

  • Enable Outside threads/Conversations
    • permits the lazy loading BBCode injection to run outside of those contexts. Inside those contexts, it will still respect permissions.
  • Force Lazy Loaded Spoiler

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

Fade in
A fade image in afterload.

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!
  • Like
Reactions: ASCIIcat
Author
XenFun
Downloads
1
Views
111
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from XenFun

Top