• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • Upgrade Your Account
    Hello Guest! Upgrade your account to download all VIP Resource here

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

No permission to download
Provides lazy loaded image support via the Lazysizes

A zero query method for per user-group lazy loading of the and

  • 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
CSS:
/* fade image in after load */
.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}
Spinner
CSS:
/* 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 https://github.com/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
kuteboy
Downloads
5
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from kuteboy

Latest updates

  1. 2.0.1 - Maintenance update

    Add "Inject blank SVG for attachment" option (default enabled) to control if the inline SVG is...