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

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.
    muhyal, Robru, SAS1024 and 7 others like this.

Recent Updates

  1. Reduce jank for attachments
  2. 1.2.2 - Bugfix update
  3. Bugfix update

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!