Lazy loading images with knockout about module-lazyload HOT 5 CLOSED

@PierreLeMaguer , I think it does not work as the lazyload init js executed before the element was rendered.

What you should try to do is to call
new LazyLoad()
once the element was rendered.
Make sure that when the element has src and data-original LazyLoad is initialized also.

Source code:
https://github.com/magefan/module-lazyload/blob/master/view/frontend/templates/lazy.phtml

from module-lazyload.

@ihorvansach , I succeeded by editing the template with with the src and the data-original properties. I used the knockout event 'afterRender' to call new LazyLoad().
It works well.
I wonder if something can be done in a generic way to have this feature without forcing the developer to edit its template (by adding the data-original property) ? As it's done on the backend side in PHP. I think it could be good.
Otherwise, at least, specify in the documentation of this module which js library is used for the lazy loading and show a link to its documentation.

from module-lazyload.

@PierreLeMaguer, can you please send us (email: [email protected]) file that you have changed? We will take a look and try to include this code in the next version of the extension.

from module-lazyload.

@ihorvansach , I send you files. But well, they're custom files. I don't know if they will be useful to find a generic solution to this issue.

from module-lazyload.

@PierreLeMaguer , we have created and article about this https://magefan.com/magento-2-image-lazy-load-extension/knockout-template

Thank you

from module-lazyload.