Lazy Load [img] 2.7.2

[Xon]

Xon submitted a new resource:

Lazy Load [img] - Load less.

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.

Option to force lazy loading of contents in a spoiler tag.

Permissions:

Adds the permission:

• Enable Lazy Load Images

For...

Read more about this resource...

 

[maszd]

thank you very much @Xon

 

[Xon]

thank you very much @Xon

Please do leave a review if you have the time and have tested the add-on

 

[Orzo Network]

Any plans for a lazy load on forums as a whole? I have alot of forum nodes (100+) and would love a lazy load for them!

 

[Xon]

This just adds a front-end javascript which implements lazyloading for img and attach tags.

Stock forum icons are css, are you using images or something?

 

[maszd]

Hi @Xon
for attachment image in thumbnail mode is show more wide like this:


manually reload page and normally should be like this:


tested with chrome, on firefox not problem.

thanks.

 

[Xon]

@maszd Is this just after posting, where it dynamically loads the post? Can you attach that image so I can test it?

 

[Xon]

Xon updated Lazy Load [img] with a new update entry:

2.0.1 - Maintenance update

• Add "Inject blank SVG for attachment" option (default enabled) to control if the inline SVG is injected.
  • With XF2's lightbox, lazyloading and having a max-height/width on the bbImage css attribute causes image stretching.

Read the rest of this update entry...

 

[Nirjonadda]

@Xon Please can add option completely Enable/Disable this add-on with disabling permission. Does not work this add-on without Adding styling to theme (extra.less) for the classes: lazyload, lazyloading, lazyloaded?

 

[Xon]

@Xon Please can add option completely Enable/Disable this add-on with disabling permission.

This has been requested before (in the XF1 version), but I haven't had time to implement it.

Does not work this add-on without Adding styling to theme (extra.less) for the classes: lazyload, lazyloading, lazyloaded?

At some stage I should make these style properties but I haven't had time.

If you don't define those classes, it still works. You will just have a blank space which eventually fills in with an image once it loads.

 

[maszd]

hope on future this add-on support video too especially for youtube embed
https://webdesign.tutsplus.com/tutorials/how-to-lazy-load-embedded-youtube-videos--cms-26743

 

[Nirjonadda]

At some stage I should make these style properties

OK When you have free time then Please implement this functionality.

 

[Xon]

hope on future this add-on support video too especially for youtube embed
https://webdesign.tutsplus.com/tutorials/how-to-lazy-load-embedded-youtube-videos--cms-26743

@JoshyPHP's XF1 s9e Media BBCodes add-on implemented lazyloading for videos. Not sure if the XF2 version does, should ask him about it

 

[Nirjonadda]

XF1 s9e Media BBCodes add-on implemented lazyloading for videos.

Also can you add this functionality in your add-on? So it's will help who are not using s9e add-on.

 

[maszd]

Hi @Xon

if lazyload enabled, lightbox not working, only happen with img tag.
you can see this demo video : https://goo.gl/MeM8JZ
this is my config:


extra.less

.bbImage {
    max-width: 320px;
    max-height: 200px;
}

thanks.

 

[Nirjonadda]

This has been requested before (in the XF1 version), but I haven't had time to implement it.


At some stage I should make these style properties but I haven't had time.

If you don't define those classes, it still works. You will just have a blank space which eventually fills in with an image once it loads.

@Xon Do you have any plan adding this functionality?

 

[Carlo]

Hey Xon great addon from you as usual. Thank you for making it free. It works well on Chome and Firefox. Just noticed in Safari mobile, the images disappear. Is there any extra setting I need to do to make it work?

 

[Deleted member 134868]

The addon causes some attachment thumbnails to display with "max-width: 100%;" inside posts.

 

[Nirjonadda]

@Xon Some user reported that image are not loading in mobile browser or windows. Also I am getting image are very slow loading in mobile browser. Please do you have image loading improvement update for mobile browser and windows? Also can be add option disable Lazy Load for mobile browser?

 

[Dnyan]

i get following error while installing this addon

Line 33: Template tags are not well formed. Tag macro was found when expecting if.

Also i see settings imported for this addon in option.