#6582 – wbAMP does not show images with lazy load js script

Hi everyone
in my website, created with joomla, I installed wbAMP plugin + jch optimize plugin.

In the "non-AMP" part of the site, I inserted the images as follows:

[code type="markup"]<img class = "b-lazy" src = date: image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
data-src = "/path/to/image.png" alt = "Description" />[/code]

The b-lazy class is associated with a javascript inserted in the index.php file of the template.

I didn't install any lazy load images plugins for Joomla!

When I view the AMP pages, the images are not displayed.

The images are seen only for the non-AMP site

Is there a solution?

Thank you so much

I apologize for the message entered in the wrong section but I can't move the discussion to the Discuss wbAMP Community edition section

Hi,
Thanks for the reply.

there is no solution?

Best regards

Hi,
thanks a lot.
Best regards

Hi everyone
I did a test as suggested with hide/show tags in non-AMP pages and AMP pages.

In summary, I wrote this code in the Joomla editor:




{ wbamp-hide start }
< img class=" class-for-lazy-load-images " src = data : image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== data-src= "/ path/ to / img.jpg" alt="" width="" height="" />
{ wbamp-hide end }


{ wbamp-show start }
< img src= " /path/ to / img.jpg " alt="" width="" height="" />
{ wbamp-show end }




After clearing the cache, I updated the NON AMP pages and the AMP pages.


The article shows the images with the lazy-load script regularly in the NON AMP pages, and the images without any problems in the AMP pages.

Thanks you for your suggestion.