Manually lazy load images

Hi I’m looking for a manuel implementation too.
I load shortcodes which often contains pictures.
Any ideas ?

Thanks !

Problem solved !

without lazyload :

<img class="your-class" src="url-of-your-website/image.png" alt="image description" />

with manual lazyload :

<img class="your-class lazy-hidden" 
src="url-of-your-website/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" 
data-lazy-type="image" 
data-src="url-of-your-website/image.png" 
alt="image-description">
<noscript>
	<img class="your-class" 
	src="url-of-your-website/image.png" alt="image-description" />
</noscript>

Cheers ??

• This reply was modified 6 years, 9 months ago by frances2823.

This method is no longer working with the last version of the plugin (1.8.7) :-/

Now it call first a placeholder :

//mywebsite.com/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif and it load the image after scrolling.

any idea ?

• This reply was modified 6 years, 8 months ago by frances2823.

Here is the new trick from version 1.8.7 that works !

<img class="lazy-hidden" 
	src="<?php echo site_url(); ?>/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" 
	data-lazy-type="image" 
	data-src="<?php echo get_stylesheet_directory_uri(); ?>/images/my-image.png" 
	alt="my-image-description"
>
<noscript>
	<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/my-image.png"
	alt="my-image-description" />
</noscript>

Enjoy

• This reply was modified 6 years, 8 months ago by frances2823.
• This reply was modified 6 years, 8 months ago by frances2823.
• This reply was modified 6 years, 8 months ago by frances2823.

I just updated and all my manually added images broke ??

Thank you @frances2823 great fix!! ??