In the loop-single.php image there is a src="<?php echo (bet_is_lazy() ? bet_get_noimage() : osc_resource_thumbnail_url()); ?>"

If I want to use an image with lazy loading of images for a /image.png what is the link I should put there?

I tried src="/image.png" but it doesn't work

@alexandrompt
Simply look on function bet_get_noimage(), should be no-image.png in theme's image folder

In loop-single.php images are loaded only when displayed on screen, thanks to Lazy.

The case is that in footer I have a carousel of images and I want them to be loaded only when the user reaches the carousel.

In loop-single.php is the following link:

<a class="img" href="<?php echo osc_item_url(); ?>"><img class="<?php echo (bet_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (bet_is_lazy() ? bet_get_noimage() : osc_resource_thumbnail_url()); ?>" data-src="<?php echo osc_resource_thumbnail_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?>" /></a>
How do I have to put the link so that an image for example /image.png loads only when it appears on the screen?


» This does not work:

<a class="img" href="/image.png"><img class="<?php echo (bet_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (bet_is_lazy() ? bet_get_noimage() : osc_resource_thumbnail_url()); ?>" data-src="/image.png" alt="image" /></a>

No idea what you mean

In head.php you have the code osc_register_script('lazyload', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js'); to use the Lazy utility and show photos only when you swipe the screen.

In loop-single.php you have the code <a class="img" href="<?php echo osc_item_url(); ?>"><img class="<?php echo (bet_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (bet_is_lazy() ? bet_get_noimage() : osc_resource_thumbnail_url()); ?>" data-src="<?php echo osc_resource_thumbnail_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?>" /></a>
I want to use that code but for another image, for example image.png

What is the code to use Lazy with image.png?

Can you put the code ?, because I don't understand you

That function is in functions.php

don't bother, I've already found out:

<img loading="lazy" class="<?php echo (bet_is_lazy() ? 'lazy' : ''); ?>" src="<?php echo (bet_is_lazy() ? bet_get_noimage() : '/imageexample.jpg'); ?>" data-src="/imageexample.jpg" alt="imageexamplename">
This is important for the images that we have in the footer, since they will not load until they are shown on the screen.

That way, the web loads much faster, because it loads the images / no-image.png image until the user downloads the scroll to the footer.

@alexandromt
I do not see any point of that as lazyload handles that all.