• Upgrade Your Account
    Hello Guest ! Upgrade your account to download from our sections Here.
    How to upgrade your account to download resources Learn More.
    Guest need to see List rather permanently banned Members Learn More.
    Guest need to read through our rules and regulations Learn More.

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

No permission to download
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.
Author
NullXF
Downloads
1
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from NullXF

Latest updates

  1. 2.0.4 - Maintenance update

    Upgrade lazysizes from v4.0.2 to v4.1.4