Problem With Lazyload, Page Builder , Images?
Lorna Guttormson
I have a page with a text block which has 4 images - each float:right. As I have lazy loading the editor inputs <img class"lazyload" and instead of src= it has data-src=. Each time I edit the page using system editor - to input the float:right) it adds another 'lazyload' and 'data-'. I have tried editing with tinyMCE, with CodeMirror and with JCE, so it doesn't seem to be the editor. I don't want to remove lazyloading. Has this something to do with PageBuilder. Has this been reported before? Do you have a way around it? Once these words are duplicated the image no longer displays. Even if I carefully remove all duplicates, and the image displays in the edit mode, as soon as I save, it seems to duplicate them and the front end display breaks.
Ofi Khan
Accepted AnswerPlease use Raw HTML addon instead of Text Block as you are referencing an image externally.
Ofi Khan
Accepted AnswerHello Lorna Guttormson,
Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.
It seems like I am getting the images perfectly. Is this the expected view?
Best regards
Lorna Guttormson
Accepted AnswerYes that is the page. I was trying to edit the html to have the images to the right by adding style="float:right" but each time I went into the editor (any editor) something would add another 'lazyload' and another 'data-' to the <img tag - in fact to every img tag in the page. You can see this now on the page code. Go in yourself and have a look - there may be 4 of them now and they break the code. The images no long display. Also at one point -m-, carefully removing all duplicates and getting the style code in, it looked like the image was good before I saved, but as soon as I saved, I got duplicates and the images broke. (I would send a screenshot but I don't see how to do that here.)
Ofi Khan
Accepted AnswerOkay, I have fixed the source code of the Text Block addon contents on the page. Please check it now.
Lorna Guttormson
Accepted AnswerYes, that fixed one image but, as soon as I went in to set the other images also to float-right , the lazyload replicated and all the images broke. I have managed to get the page looking correct by removing all references to lazyload. It gets inserted back in but as long as I don't need to change the page again, it is OK. I'm sure I have seen this on other pages and now I have a very tedious way around it but I need to move on to other things at this point. As the site I have sent you to is a test area, you are welcome to look further. I don't know if it is anything to do with your SP Page builder or something that Joomla is doing when I set the site on Lazy loading