Merhaba Arkadaşlar; Bu makalemiz de pagepeeker nasıl kullanılır onu anlatacağım. Pagepeeker; internet sitelerinin anlık olarak ekran görüntülerinin çekilmesini ve yayınlanmasını sağlayan bir sistem. Ekran görüntüsünden kastım ise, thumbnail denilen önizleme görüntüleri. Bir projemde gerekli olduğundan kullanmak durumunda kaldım ve kullanımı da cidden çok basit. Pagepeeker'ın 5 adet görüntü boyut seçeneği var. Ancak premium accountlar farklı boyutlarda işlem yapabiliyormuş sitesinde yazdığına göre. Pagepeeker görüntü boyutları;

t	Tiny	90 x 68 pixels
s	Small	120 x 90 pixels
m	Medium	200 x 150 pixels
l	Large	400 x 300 pixels
x	Extra large	480 x 360 pixels

API bilgilerine göre link kullanımı ise aşağıda ki şekilde olmakta;
http://free.pagepeeker.com/v2/thumbs.php?size=x&url=google.com
Şimdi bu işlemi nasıl yapacağız, aslında çok basit yukarıda ki linki img tagının src kısmına yazıyoruz;
img src="http://free.pagepeeker.com/v2/thumbs.php?size=x&url=google.com"
Sonuç ise;

İşte bu kadar :)
Sağlıcakla.

Merhaba Arkadaşlar; Jquery ile efektler adlı yazı dizimizin :P sonuna yaklaşıyoruz. JQuery ile bu sefer zincirleme metodlara bakacağız. Bir adet paragraf ve bir adet butonumuz olacak. Butona basılınca paragrafın rengini değiştirip, yavaşça gizleyip ardından da göstereceğiz. Şimdi Kodlarımızı yazalım.

JQuery Kodları script tagları arasına;

$(document).ready(function(){
    $("button").click(function(){
        $("#p1").css("color", "red")
            .slideUp(2000)
            .slideDown(2000);
    });
});

Html Kodları;

div id="p1"
jQuery ile kopuyoruz :) /div
button Tıkla /button

Şimdi ise sonucu görelim.


Sağlıcakla.

Merhaba Arkadaşlar;

Jquery efektler makale serisine 2. bölüm ile devam ediyoruz. Bu sefer makale konumuz hide() ve show() efekleri olacak. Bu makale örneğinde gizle ve göster diye iki tane butonumuz olacak ve tıklandığında  p tagının içine aldığımız metini gizleyip gösterecek. Şimdi uygulamasına geçelim.

 p Burada ki yazı sizin tıkladığınız butona göre gözüküp kaybolacaktır. /p
 button id="gizle" Gizle /button   button id="goster" Göster /button

Önizlemesi;

Sağlıcakla.

Merhaba Arkadaşlar; Bu sefer jQuery ile ilgili bir makale dizisi yazacağım. Bu makaleler ilk başta jQuery'nin efektleri ile ilgili olacak. Kodlar ile burada nasıl çalıştığına bakacağız ve makalede ki kullanılan kodlar ile canlı örneğinin bulunduğu bir link ise makalelerin altında olacak. Şimdi konu ile ilgili olarak kodlarımızı yazalım.
Blogger kaynaklı bir hata sebebiyle kodlar ekran görüntüsü ile koyuldu.



Şimdi kodumuzun Çıktısına bir bakalım;
Buraya tıklayarak canlı örneğine ulaşabilirsiniz.