Resource icon

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

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.
Compatible XF 2.x versions
2.0
Additional Requirements
php 5.6+
Require Client Browsers to be at least IE9, Firefox or Chrome.
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

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
J0ker
Downloads
8
Views
188
First release
Last update
Rating
0.00 star(s) 0 ratings

Share this resource

Latest updates

  1. 2.1.5 - Maintenance update

    Add "blank SVG" option to allow customizing of the blank SVG template Fix potential SVG...
  2. 2.1.4 - Bugfix update

    Compatibility fix for older browsers where lazy loaded images just do not load Fix that...
  3. 2.1.3 - Bugfix update

    Fix javascript error in thread on-hover preview