How to disable lazy load of images?

lawyerlinguist1

I have 2 identical sites on my local server; the template is Morgan.

In both sites I have a Newsflash module: in one the image is "lazy loaded" and it loses its aspect ratio and it gets stretched.

In the other site, the module doesn't "lazy load" the image and it looks just fine.

I have a suggestion and a question:

The suggestion:
If the module needs to lazy load the image, this css rule is needed so the image doesn't lose its aspect ratio:

img {
  max-width: 100%;
  height: auto;
}

If the module lazy load the image without this rule, the image loses the aspect ratio.
I added a class to the module with this css rule and now it looks fine.

The question:
how to prevent the module from "lazy loading" the intro images? Why one module does it and the other it doesn't?

Thanks.

saguaros

lawyerlinguist1

Could you share screenshot of the module are you referring to?

Ninja

lawyerlinguist1
Hi
Lazy load would be plugin as no default lazy load apply on the images, Or you refer to any specific animation
Could u share page URL from the demo site https://ja-morgan.demo.joomlart.com/
if the same is there to check it.

With your suggest code it does not seem lazy load and it appear default Joomla 4 height and width value that Joomla add. You can switch to default Joomla template and it will be same.

lawyerlinguist1

saguaros hi there.

This is how the intro image looks like in a Article - Newsflash module:

and the reason is this:

If an image is lazy loaded though, this css rule is needed:
{max-width:100%; height:auto;}

I applied it via custom.css and the image looks fine:

Please look: you won't find the same problem in the demo site (remember I am talking about a Newsflash module which you'll have to create)

as you can see, the attribute loading="lazy" is missing.

So I ask: what could be the reason that on my site the module Article - Newsflash tries to lazy load the image unlike the demo site?
I can't find any setting anywhere that lets me decide whether or not lazy load the image.

As you see, I solved my problem with that css rule: the reason I am documenting all of this is because it may be useful for the developers to know and maybe improve your product.

Ninja

lawyerlinguist1
Hi
With screenshot it is hard to assume the Joomla version and setting.
Did you checked outputs with default Joomla template? Also provide the site details in edit field option for staff to check above page.

In current view it appears it is Joomla 4 and it not use lazy loading.

lawyerlinguist1

Ninja it's Joomla 4 in both sites and both updated to latest version of Joomla and extensions.
As I said, I am comparing the demo site quickstart installation with my own site.
The question is why on my site the image for the Newsflash module is lazy loaded and on the other site it isn't.

Ninja

lawyerlinguist1
Kindly submit the login in edit fields option. I
Also you can check module with default Joomla template ?