Lazy Load Kullanımı

lazy load jquery kutuphanesi

 

Çok fazla resim listelediğimiz blog, haber ve galeri gibi sayfalarımızda, sayfa yüklenme hızını artırmak için jquery kütüphanesi olan Lazy Load kullanabiliriz.

Çalışma mantığı oldukça basit. İlk olarak sadece ekranda görülen resimler yükleniyor. Scrollbarı aşağı indirdikçe görünmeye başlayan resimler sırayla yükleniyor.

 

Sayfaya Ekleme:
Öncelikle aşağıdaki linkten lazyload.js dosyamızı indiriyoruz.
Lazyload.js Dosyası

 

İndirdiğimiz dosyamızı sayfamıza ekliyoruz.


<script src="/lazyload.js" type="text/javascript"></script>

 

Lazy load uygulamak istediğimiz resimlerimizi aşağıdaki formatta çağırıyoruz.
class: lazyload uygulamak istediğimiz resimlere “lazyload” classını da ekliyoruz.
src: buraya asıl resim yuklenmeden basılacak olan resmin yolunu veriyoruz.
data-original: burada ise asıl resmimizin yolunu veriyoruz.


<img class="resim lazyload " alt="Resim açıklaması" src="/images/blank.gif" data-original="/images/original-resim.jpg"  />

 

Body tagımızı kapatmadan hemen önce jquery kütüphanemizdeki lazyload fonksiyonumuzu çağırıyoruz.


<script type="text/javascript" charset="utf-8">
    $(function () {
        $(".lazyload").lazyload();
    });

</script>

SQL Server Text Üzerinde Group By Hatası

Msq 306 Sql Error

 

Ntext ve text formatındaki alanlarda group by ve order by yapmaya çalıştığımızda aşağıdaki Msg306 hatasını alıyoruz.

“The text, ntext, and image data types cannot be compared or sorted, except when using IS NULL or LIKE operator.”

Bu hatayı önlemek için text alanımızı Varchar’a cast etmemiz gerekli. Sonrasında group by ve order by sorgularımız çalışacaktır.


use master
select top 1000 
CAST(TextData AS NVARCHAR(500)), SUM(reads) toplam 
from Hastane1dk
group by  CAST(TextData AS NVARCHAR(500))
order by toplam desc

JQuery Yön Tuşları ile Navigasyon

yön tuşları, sağ, sol, navigasyon

Özellikle galeri benzeri resimleri listelediğimiz uygulamalarda, kullanıcılar yön tuşları ile gezmeyi seviyor.
Bu küçük script ile sağ ve sol yöntuşlarını aktif hale getirebilirsiniz.


<script type="text/javascript">

    $(document).ready(function () {
        $("body").keydown(function (e) {

                if (e.keyCode == 37) { 
                    window.location.replace("/<%=onceki_url%>/");
                }
                else if (e.keyCode == 39) { 
                    window.location.replace("/<%=sonraki_url%>/");
                }

        });

    });
</script>

Firefox Yeni Sekmede Açılacak Sayfanın Ayarlanması

Mozilla firefox yeni sekmede açma

Bildiğimiz gibi webde gezinirken, ordan burda fışkıran sayfalar, linkler derken biranda zararlı yazılımlar  tarayıcılarımızı ele geçirip açılış sayfalarını  değiştiriyorlar.
Genellikle tarayıcınızın seçenekler bölümünden bu sayfaları değiştirebiliyoruz. Ancak firefox için  yeni sekmede açılacak sayfası seçeneklerden ayarlanamıyor.
Bu ayarı aşağıdaki yolu izleyerek yapabiliriz.

-Adres çubuğumuza about:config yazıp entere basıyoruz.
-Açılan pencerede sorulan soruya onaylıyorum diyoruz.
-Karşınıza gelen ayar listesinde yukarıdaki arama kutusunda “newtab” yazıp aratıyoruz.
-browser.newtab.url’in “Değer” kısmını açılmasını istediğiz sayfayla değiştiriyoruz.