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.

5/5 - (1 vote)

Murat Öner sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya devam et