• A valid XenForo Licence validation token will be required to complete signup and purchasing.
    This may retrieve this from the XenForo Customer Area.
  • All XenForo 2.3+ add-ons require at least php 8.0, recommend php 8.2+
    All XenForo 2.2+ add-ons require at least php 7.2, recommend php 8.x
    All XenForo 2.0-2.1 add-ons require at least php 5.6, recommend php 7.x.
    The Standard Library add-on is also required.
    Older php versions are not supported, and add-ons will either refuse to install or fail to function.
  • Automatic discounts are applied for orders above $100 USD (10%) or for early renewals (5%)

Lazy Load [img]

Overview Copyright info Releases (1)

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 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
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!

Licensing:

Lazysizes is MIT Licensed, as of 2020-06-07.
Original source is https://github.com/aFarkas/lazysizes

Product Information

XenForo 2.2+ php 7.2+
Seller
Atelier Aphelion
Release date
Last update
Customer rating
0.00 star(s) 0 ratings

Pricing information

10 Years
Free
Renewal cost
Free
Get free

Share this product

Back
Top