Avoid lazy loading of the first banner

Hello,
I use carousel banner with Joomla 4.25 and php 8.019. And it works well , and I like it
File Attachment:

When I check the code of the image in the banner I get
<div class="banneritem-inner">
<img src="https://voileux.org/images/headers1200/bannierevoileux2022.webp" alt="Bannière voileux.org" width="1199" height="217" loading="lazy">
<div class="clr"></div>    
</div>
In my user.css have set a special class for images that I do not want to lazyload. In the banner I see several fields proposing to add css, but nothing works with the "not lazy loading" class for images.
Can you help ?
what css snippet  would you propose to add in the parameters of the module ?
Thanks for attention.
Manuel voileux - voileux.org
2 years 3 weeks ago #1 by Manuel
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5260) Offline
Hi, The module doesn't have any built-in lazy loading feature. It probably comes from your template or plugin
2 years 3 weeks ago #2 by TemplatePlazza
The topic has been marked as resolved.
Thank you for your quick answer. You are right , I have a plugin that add lazy loading to images, except those with a given class. I am wondering where to put this class. Any field in the parameters of the module  ?
thanks for attention.
Manuel Voileux    voileux.org
2 years 3 weeks ago #3 by Manuel
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5260) Offline
You probably can use this : 
.banneritem-inner > img
2 years 3 weeks ago #4 by TemplatePlazza
The topic has been marked as resolved.
Hello , thank you for your quick answer.
Actually I could not sort it out this way. I solved it by going back to the banners and switching the first field from image to custom , and add in the field the following code
<img class="notlazyload" src="images/path/banner.webp" width="1200" height="215">

the class notlazyload is specified in my user css as
/*!
*class image not lazy load
*/
notlazyload {
loading: eager;
}
2 years 2 weeks ago - 2 years 2 weeks ago #5 by Manuel
Last edit: 2 years 2 weeks ago by Manuel.
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5260) Offline
I see. Glad you managed to solved it.
2 years 2 weeks ago #6 by TemplatePlazza
The topic has been marked as resolved.
Powered by Kunena Forum