1. 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

Load less.

  1. Xon
    Compatible XF 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 the add-on [Tinhte] Image Attachment Optimization & CDN Support .

    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
    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 Media Gallery.
    • 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 or Install and Upgrade by waindigo to install this addon.

    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.
    Titus, Triops, iorG19 and 11 others like this.

Recent Reviews

  1. kontrabass
    kontrabass
    5/5,
    Version: 1.2.1
    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!
  2. dilshad
    dilshad
    5/5,
    Version: 1.2.0
    Its help me out for better website load. now website is bit fatsre for load because of images my website was slow.
  3. Amin Sabet
    Amin Sabet
    5/5,
    Version: 1.1.1
    Fantastic addon. Invaluable on my photography forums (very image heavy), especially for mobile. Thanks, Xon!