unveil lazyload - basic

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="http://luis-almeida.github.io/unveil/jquery.unveil.js"></script>
<p>Antevisões de folhetos e promoções para esta semana,</p>
<div class="flex-container">
<div>
<h2><a href="http://blog200porcento.com/antevisao-folheto-continente-fim-de-7330226">Antevisão Folheto CONTINENTE Fim de semana promoções de 2 a 5 março</a></h2>
<p class="sapomedia images"><a href="http://blog200porcento.com/antevisao-folheto-continente-fim-de-7330226" target="_blank"><img title="folheto fds cnt 2 marco_1.jpg" src="https://c6.quickcachr.fotos.sapo.pt/i/Gdf025a28/20909623_EEIjV.jpeg" alt="folheto fds cnt 2 marco_1.jpg" /></a></p>
</div>
<div>
<h2><a href="http://blog200porcento.com/antevisao-folheto-pingo-doce-fim-de-7327664">Antevisão Folheto PINGO DOCE Fim de semana promoções de 1 a 5 março</a></h2>
<p class="sapomedia images"><a href="http://blog200porcento.com/antevisao-folheto-pingo-doce-fim-de-7327664" target="_blank"><img title="Antevisão Folheto PINGO DOCE Fim de semana promo" src="https://c4.quickcachr.fotos.sapo.pt/i/G400456d1/20908649_TZ1ys.jpeg" alt="Antevisão Folheto PINGO DOCE Fim de semana promo" /></a></p>
</div>
<div>
<h2><a href="http://blog200porcento.com/antevisao-folheto-pingo-doce-madeira-7329030">Antevisão Folheto PINGO DOCE Madeira Fim de Semana de 1 a 4 março</a></h2>
<p class="sapomedia images"><a href="http://blog200porcento.com/antevisao-folheto-pingo-doce-madeira-7329030" target="_blank"><img title="folheto_18sem09_poupe_este_fim_de_semana_madeira_0" src="https://c8.quickcachr.fotos.sapo.pt/i/G4e02570b/20909223_OwSOc.jpeg" alt="folheto_18sem09_poupe_este_fim_de_semana_madeira_0" /></a></p>
</div>
<div>
<h2><a href="http://blog200porcento.com/antevisao-folheto-lidl-fim-de-semana-7311076">Antevisão Folheto LIDL Fim de semana dias 3 e 4 março</a></h2>
<p class="sapomedia images"><a...

CSS

ul {
  list-style: none;
  padding: 0;
}

li {
  margin-top: 50px;
  text-align: center;
}

JavaScript

if(navigator.userAgent.indexOf('MSIE')!==-1
|| navigator.appVersion.indexOf('Trident/') > 0 ){}
else{
    var m = document.querySelectorAll('img:not([onerror])'), w = window;
    for(i = 1; i < m.length; i++) {
        m[i].setAttribute('data-src',
        m[i].getAttribute('src')), m[i].setAttribute('src','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=');
        }
     }




$(function() {
    $("p.sapomedia img").unveil();
});


//this one adds a threshold. Starts to load when the image is 200px near the fold.
//$("img").unveil(200);