Soru & Cevap

LAZY LOADİNG NASIL YAPILIR ?

10.05.2020 - 03:16

Merhaba;

Haber sitesi yapıyorum ve aşağıya inice haberlerin lazu loading tipinde yüklenmesini istiyorum. Nasıl yaparım. Bunu yaparak hem sayfanın yüksek perfomansda olmasını hemde daha hoş bir görüntüde olmasını istiyorum. 

İlk başta 2-3 haber görünsün mesela aşağı inince diğer haberler yüklensin. Nasıl yaparım ?

82 Görüntülenme
Cevap Yaz

2 Cevap

Sitedeki sorulara cevap verebilmek için giriş yapın ya da üye olun.

Profile picture for user cansuguzel
cansuguzel
25.11.2020 - 05:51

java script tag içerisine yukarıdaki kodları yazıp çağırın, lazy loading yapısı olacaktır.

Yorum Yap
Profile picture for user cansuguzel
cansuguzel
10.05.2020 - 11:43
$(document).ready(function(){
	$(window).scroll(function(){
  		$('.lazy').each(function(){
					if( $(this).offset().top < ($(window).scrollTop() + $(window).height() + 100) )
          {          		   
              $(this).attr('src', $(this).attr('data-src'));
          }
			});
  })
})

 

Yorum Yap
Muhsin
11.05.2020 - 01:42
Bunun için bir Library çağırmam gerekiyor mu ?