Setting Threshold

Hello @onisforos

We have discussed this among our dev team – we have no idea what an image px threshold is? Are you using a plugin to make that? Certainly a3 lazy Load has no image threshold settings – because as i said we have never heard of such a thing? Steve

Hi,

I think Onisforos meant to say if there was a way to set a treshold to load images x pixels before the viewport’s bottom.
The fact that users saw (and sometimes waited for) the loading of images bothered me a little too.
On the Github page of Lazyload XT I found the option to do that https://github.com/ressio/lazy-load-xt#options.
Place the code below in your theme’s js file :

$.extend($.lazyLoadXT, {
  edgeY:  200
});

In this example the images will load 200 pixels before the viewport’s bottom. Change ‘200’ by whatever value you want.

BTW thanx for the plugin, I implemented it on 2 sites and works great so far ??

Hi Matt and Onisforos

Thanks for the detailed explanation and the Git link. Today we built it into the a3 Lazy Load plugin and tested it. Very nice feature!

We have fully tested it on our own sites and it worked great so we have released it as a Feature Upgrade. This is the changelog

= 1.3.0 – 2015/06/05 =
* Feature – Added Image Load Threshold with set threshold pixel dynamic setting. Default is 0px
* Credit – Thanks to Onisforos and Matt Pain for suggesting and explaining the new Threshold feature

After you upgrade go to the a3 Lazy Load dashboard and scroll to the bottom. You will see there that we have added dynamic px setting for it.

Please give it a test on your sites and let me know if it works OK for you.

Thank you – Steve

Hi Steve,

I removed my custom code and tested the upgraded version on my site, it works perfectly. Thanks for quickly implementing this option ??

Good Job guys.

This is a much needed feature as many users get confused by the missing images.

Used to change it in the js code of your plugin.

Thank you.