Turkcell | Geleceği Yazanlar

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 ?

214 Görüntülenme

1 Cevap

Cansu Güzel
10.05.2020 - 23: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'));
          }
			});
  })
})

 

Sitede yorum yapabilmek için giriş yapın ya da üye olun.

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

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