JQuery ile arka plan resmini tam ekran yapmak

28 Kasım 2011
Bu yazıyı beğendiysen paylaşmayı unutma :)
Pin It

JQueryBir proje için ihtiyaç hasıl oldu, yine delipenguen’e konu çıktı. Web siteniz içerisinde ekran çözünürlüğüne göre yeniden boyutlanan bir arka plana ihtiyacınız varsa kullanışlı bir jQuery kütüphanesi ile bunu gerçekleştirebilirsiniz.

 

 

 

 

Bu işlemimizde kullanacağımız jQuery kütüphanesi “jQuery Backstretch“.

Kütüphanenin 2 KB’tan küçük olması ve gördüğüm kadarı ile IE6 dışındaki tüm test ettiğim tarayıcılarda da sorunsuz çalışması tercih edilebilir bir ürün olarak gözüküyor. Bu arada IE6 testini IE Tester yazılımı ile yaptım. Malum bazen simulasyon yazılımları gerçek sonuçlar vermeyebiliyor. Elinin altından bu tarayıcı olan varsa ve sonucunu yazabilirse sevinirim.

Vakit kaybetmeden hemen en basit kurulumu gerçekleştirelim..

Head etiketleri arasına aşağıda olduğu gibi jQuery ve jQuery Backstretch kütüphanesini dahil edelim.

<script src=”lib/jquery-1.6.4.min.js”></script>
<script src=”lib/jquery.backstretch.min.js”></script>

<script>
    $.backstretch(“resminizinAdi.jpg”);
</script>

Yapacağımız işlem yalnızca bu kadar! Script ve resim pathlerini kendinize göre düzenlemeyi unutmayın. Kütüphaneyi download ettiğinizde bu basit kurulumun yanında 2 farklı kullanım daha var. İsterseniz arka planı bir buton tıklaması ile değiştirebildiğiniz gibi slideshow olarak da ayarlayabiliyorsunuz.

jQuery Backstretch’in yazarının blogundan daha detaylı bilgileri alabilirsiniz.

Benzer Yazılar


DeliPenguen'i Google+'da bulun



Henüz yorum yok.