Observem essa página:
https://www.nubank.com.br/gerando-boletos/
Ela tem a seguinte estrutura:
<p>titulo do post</p>
<img src>
<p>titulo do post</p>
<img src>
<p>titulo do post</p>
<img src>
Mas o que estou querendo saber é como fazer o efeito de aparecer aos poucos que ocorre nas imagens APENAS quando rolamos a página e então chegamos na imagem.
Devo pesquisar por oque?
Segundo a resposta de um colega abaixo, tentei da forma abaixo e não funcionou.
A figura apenas aparece. Confirmei a lnkagem dos arquivos
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="jquery.lazyload.js"></script>
<p>Titulo.</p>
<img class="lazy" src="payment_swipe.png">
<script>
$(function() {
$("img.lazy").lazyload({
effect : "fadeIn"
})
});
</script>
src
você substitui pordata-original
na imagem.effectspeed: 900
nos parâmetros do método...