Lazy Load [img]

[xF 2.0-FREE] Lazy Load [img] 2.0.1

No permission to download
  • Upgrade Your Account
    Hello Guest ! Upgrade your account to download any of our premium products Here.
    How to upgrade your account to download resources Learn More.
    Guest need to read through our rules and regulations Learn More.
    Important! Read your welcome message To know how to download.
  • This material is provided by the xFhat.com site for informational purposes only. Administration is not responsible for its contents.
Additional Requirements
php 5.6+
Require Client Browsers to be at least IE9, Firefox or Chrome.
Provides lazy loaded image support via the Lazysizes

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:
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 https://github.com/aFarkas/lazysizes
Author
J0ker
Downloads
0
Views
94
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from J0ker

Share this resource