Temyiz görüntülerine geldiklerinde tembel yükleme görüntüleri

Question

Son zamanlarda yalnızca görüntülenebilir görünüme kaydırıldığında görüntüleri yükleyen bloglar/web siteleriyle karşılaşıyorum. Daha sonra onları içeri atıyor. Bir jQuery var mı ... Wordpress eklentisi bile bunu yapıyor mu?

örn. http://icodeblog.com

Answer 1

JavaScript ile ilgili iyi şeylerden biri, kaynağı görüntüleyebilir ve neler olup bittiğine bakabilirsiniz.

http://www.appelsiini.net/projects/lazyload

Answer 2

LazyReady: kaynağını görüntüleyerek sonra bunu buldum http://plugins.jquery.com/project/LazyReady

Answer 3

Bunu ben tembel yüke html yorum kullanır yazdığı bu jQuery eklentisi deneyebilirsiniz resimler dahil html herhangi keyfi bitleri,:

jQuery Lazy Loader Blog Post

jQuery Lazy Loader Plugin Page

<pre class=”i-am-lazy” ><!– 
    <img src=”some.png” /> 
–></pre> 

<pre class=”i-am-lazy” ><!– 
    <div>Any, html css img background, whatever. <img src=”some.png” /> </div> 
–></pre> 

<script type=”text/javascript” src=”jquery.lazyloader.js” ></script> 
<script type=”text/javascript” > 
$(document).ready(function() 
{ 
    $(’pre.i-am-lazy’).lazyLoad(); 
}); 
</script> 

Yani temelde bir yer tutucu etiketi ve iç html yorum ile tembel yüke istediğiniz içeriği sarın:İşte bir örnek. Yer tutucu görüntü alanında görünür hale geldiğinde, yorumun içindeki html dizesi ile değiştirilir.

Yer tutucu için herhangi bir etiket kullanabilirsiniz, ancak önceden içerdiğim için önizlemeyi seviyorum çünkü içeride yalnızca bir yorum olduğunda 0 boyut oluşturur.

Bu yardımcı olur umarız! @MW_Collins