Jquery (LAZY LOAD IMAGES) Sayfa Aşağı Kaydıkça Resimlerin Yüklenmesi

Resimlerin çok fazla kullanıldığı haber sitesi, e-ticaret sitesi veya galeri gibi sitelerde görmüşsünüzdür sayfayı aşağı kaydırdıkça resimlerin yüklenmesi olayını işte bunu jquery eklentisi olan lazy ile sağlayacağız.

Jquery (LAZY LOAD IMAGES) Sayfa Aşağı Kaydıkça Resimlerin Yüklenmesi

Kütüphane bir jquery kütüphanesi olduğu için jquery ile beraber lazy kütüphanesini aşağıdaki gibi tanımlamalısınız.

Scriptleri ekledikten sonra kullanacağımız resimleri sayfaya ekliyoruz.

data-original kısmına yüklenecek olan resmin yolunu, src kısmına ise yüklenmeden önce görülecek resmin yolunu veriyoruz.

Resimlere lazy-loading uygulamak için aşağıdaki script kodunu yazıyoruz.

Eklentiyi indirmek için buraya tıklayın.

Jquery (LAZY LOAD IMAGES) Sayfa Aşağı Kaydıkça Resimlerin Yüklenmesi
5 (100%) 1 oy

2 yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.