Add-ons [2x] - Lazy Load [img]

Compatible XF Versions: 2.0

Provides lazy loaded image support via the Lazysizes

A zero query method for per user-group lazy loading of the and [attach] tags in threads and conversations with adjustable distance before images are loaded.

Uses a noscript tag around the original img tag.

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

[B]Permissions:[/B]

Adds the permission:
[LIST]
[*]Enable Lazy Load Images
[/LIST]
For "Forum Permissions" and "Conversation Permissions" sections.

[B]Options:[/B]
[IMG]https://xenforo.com/community/attachments/options-png.166129/

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

Unveil effects
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded.

Fade in

Code:

/* fade image in after load */
.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

Spinner

Code:

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

.lazyload {
    opacity: 0;
}

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

Known issues:

Doesn't work with XenForo Resource Manager.
Doesn't work with XenForo Media Gallery.

Licensing:

Lazysizes is MIT Licensed, as of 2018-01-10.
Original source is aFarkas/lazysizes

Contributing features or bug fixes
Please create a Github Pull request via the "More Information" link.

Contibutions

If you appreciate this addon, please consider a contribution via PayPal. Details will be provide via private conversation.

Please contact me if you wish for different licencing arrangements.

Search

Search

Add-ons [2x] Lazy Load [img] 2.0.4

More resources from NullXF

Share this resource

Latest updates

2.0.4 - Maintenance update