Resource icon

Lazy Load [img] 2.5.0

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 [/B]
  • 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.
  • Like
Reactions: envy
Author
newimage
Size
42.4 KB
Extension
zip
Views
177
First release
Last update
Rating
0.00 star(s) 0 ratings

Latest updates

  1. 2.5.0 - XF2.2 compatibility update

    Requires php 7.0+ Require Standard Library by Xon Rename various options to be consistantly...