Carregamento de imagens

05/02/2018

Caros Desenvolvedores,

Eu li um artigo que fala sobre agiliza o carregamento da p�gina principalmente quando contem um carrossel de imagens.
A ideia � carregar somente a primeira imagem e somente realizar o download das outras imagens ap�s o carregamento da p�gina.

Link do artigo: http://blog.caelum.com.br/otimizacoes-na-web-e-o-carregamento-assincrono/

Eu utilizo o carrossel do bootstrap onde tentei adequar o c�digo por�m sem sucesso.

Ser� que algu�m poderia me ajudar?

Grato!

Rob2014

Curtir t�pico + 0

Responder

Post mais votado

06/02/2018

Ol�, poste seu c�digo por gentileza, para melhor entendimento e pessoal te ajudar.

Juliano B

Responder

Gostei + 1

Mais Posts

07/02/2018

Rob2014

Segue parte do c�digo. <br />
<br />
Quando eu coloco a imagem dentro do <div>img</div> o carrossel funciona nomrlamente. <br />
<br />
O arquivo JS est� no final do arquivo:<br />
<br />
<div class="listing-item"><br />
<a href="" class="listing-img-container"><br />
<div class="listing-carousel"> <br />
<div><img src="731275/apartamento-venda-penha-sm1.jpg" alt=""></div><br />
<div data-img-src="731275/apartamento-venda-penha-sm2.jpg"></div> <br />
<div data-img-src="731275/apartamento-venda-penha-sm3.jpg"></div><br />
<div data-img-src="731275/apartamento-venda-penha-sm4.jpg"></div><br />
<div data-img-src="731275/apartamento-venda-penha-sm5.jpg"></div> <br />
<div data-img-src="731275/apartamento-venda-penha-sm6.jpg"></div> <br />
</div><br />
</a><br />
</div><br />
<br />
<script><br />
$(function() {<br />
setTimeout(function(){<br />
$(''div[data-img-src]'').each(function(){<br />
var src = $(this).attr(''data-img-src'');<br />
$(''<img>'').attr(''src'', src).appendTo(''div'');<br />
});<br />
}, 600);<br />
});<br />
</script>

Responder

Gostei + 0