• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Lazy Load [img] 1.2.4

No permission to download
Compatible XF 1.x versions
1.4, 1.5
Additional requirements
php 5.4+
Require Client Browsers to be at least IE9, Firefox or Chrome.
License
MIT Licence
Provides lazy loaded image support via the Lazysizes

A zero query method for per user-group lazy loading of the [img] and [attach] tags in threads and conversations with adjustable distance before images are loaded.

Uses a noscript tag around the original img tag.

Supports:

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:
options.png

  • 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 Resource Manager.

Licensing:

Lazysizes is MIT Licensed, as of 2015-11-01.
Original source is https://github.com/aFarkas/lazysizes


Installation

I recommend using Add-on install & upgrade to install this add-on.

Contributing features or bug fixes
Please create a Github Pull request via the "Find more info at github.com..." 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
Xon
Downloads
288
First release
Last update
Rating
5.00 star(s) 3 ratings

More resources from Xon

Latest updates

  1. 1.2.4 - Bugfix update

    Fix bug where image thumbnails are not displayed at correct dimensions Thanks @Ralle
  2. Reduce jank for attachments

    For attachments built an inline SVG which reserves the space for the image, hopefully removing...
  3. 1.2.2 - Bugfix update

    Use javaScriptSource to support CDN/alternative javascript paths Fix an issue the image would...

Latest reviews

Been running this for several weeks, and have had 0 complaints which is quite remarkable on a board our size. Image-heavy threads load faster, and images load as needed instead of all at once. Admin options make addon very flexible. Thanks Xon!
Its help me out for better website load. now website is bit fatsre for load because of images my website was slow.
Fantastic addon. Invaluable on my photography forums (very image heavy), especially for mobile. Thanks, Xon!