https://coljuristas.org/js/imagen.js

1inView( 'figure' ).on( 'enter', function( figure ) {
2 
3     var img = figure.querySelector( 'img' ); // 1
4 
5     if (  'undefined' !== typeof img.dataset.src ) { // 2
6 
7         figure.classList.add( 'is-loading' ); // 3
8 
9         // 4
10         newImg = new Image();
11         newImg.src = img.dataset.src;
12 
13         newImg.addEventListener( 'load', function() {
14 
15            figure.innerHTML = ''; // 5
16            figure.appendChild( this );
17 
18            // 6
19            setTimeout( function() {
20               figure.classList.remove( 'is-loading' );
21               figure.classList.add( 'is-loaded' );
22            }, 300 );
23         } );
24     }
25} );