LazyLoad Kullanımı Ve Örnek Kodlar
SanalData’yı Google’da tercih edilen kaynak olarak ekleyin
Merhabalar,
Bir projenizd lazyload kullanmak isterseniz aşağıdaki adımları izlemeniz yeterlidir.
Resim kodlarını aşağıdaki şekilde revize etmeniz gereklidir
|
1 |
<img class="lazy" src="loading_resmi.jpg" data-original="asil_gosterilecek_resim_adresi.jpg"> |
En son adım olarak aşağıdaki kod kütüphanelerini sisteme eklemeniz yeterlidir
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script src="js/jquery.js"></script> <script type="text/javascript" charset="utf-8"> $(function () { $(".lazy").lazyload(); }); $(function () { $("#artan_btn").click(function () { $(".lazy").lazyload(); } ); $("#azalan_btn").click(function () { $(".lazy").lazyload(); } ); }); </script> <script src="js/jquery.lazyload.js"></script> |
Dosyaları buradan indirebilirsiniz.
Bir sonraki yazıda görüşünceye kadar bol sorgulu günler dilerim.
++
Eğer eklenti olmadan lazy load ve asyc yükleme yapmak isterseniz img tağııza aşağıdaki kodları eklemeniz yeterlidir.
|
1 |
decoding="async" loading="lazy" |
Bu internet explorer ( Kullanan varmı ki 🙂 ) hariç her browserda çalışmaktadır
Günün zaman çizelgesi
Haber eklenme saatine göre sıralanır.
- Bugün
- Apple’ın metin bildirimli akıllı ev kamerası iddiası
- Apple, iPhone Duo için yeni Shot on iPhone kampanyasını başlattı
- Apple, Brüksel’de teknoloji lobisinin en aktif şirketlerinden
- Apple gündeminde iPhone Duo, AirPods 5 ve mesajla sipariş
- Armadin, yapay zekâ güvenliği için 255,5 milyon dolar topladı
- Lyft, sürücü sınıflandırması davasında 272,5 milyon dolar ödeyecek
- GrayKey, iPhone’un 72 saatlik güvenlik kilidini aşabilir
- Grok’un Maduro operasyonunu Trump’a önerdiği iddia edildi
- GTA 6’nın hava sistemi yerel yağış ve kasırgalar sunacak
- Apple Arcade kataloğuna beş yeni oyun eklendi
- Dün
- Audible, yapay zekâ destekli interaktif hikâyeleri duyurdu
- Kena: Scars of Kosmora’nın çıkışı 2027’ye ertelendi
- Google Gemini Live, küçük yazıları okuyabilecek
- Android Central ekibi işten çıkarıldı, yayınlar sürecek
Harun Kılıçlar
Harun, yazılım geliştirme, web teknolojileri, mobil uygulamalar, veritabanı sistemleri ve yapay zekâ üzerine çalışan bir teknoloji editörüdür. SanalData’nın kurucusu olarak yazılım, yapay zekâ, mobil teknolojiler ve teknoloji sektöründeki gelişmeleri izler ve değerlendirir.