fbPhotoStream plugin sayesinde facebook’taki herhangi bir public(yani herkese açık) albümün fotoğraflarını web sayfanızda gösterebilirsiniz. şimdi bu kullanımı çok basit olan plugin ile nasıl facebook resimlerini çekeriz buna bakalım.

fburl

 

resimde gördüğümüz işaretli alan bizim albümümüzü alabilmemiz için gerekli olan benzersiz id numarasıdır. öncelikle almak istediğimiz albümü açıp bu alanı bi yere not ediyoruz. daha sonra da plugini resimleri göstermek istediğimiz sayfaya eklediğimizden emin oluyoruz. yani fbPhotoStream.js dosyamızı.

“fbPhotoStream” id sine sahip bir div oluşturduk ve aşağıdaki kodları kopyalayıp sayfamıza yapıştırdık. Herşey bu kadar basit işte!

<div id="fbPhotoStream"></div>
<script type="text/javascript">
$(document).ready(function(){
$('#fbPhotoStream').fbPhotoStream({
    album:'10152554461003426',
    count:5,
    format:'ul'
});
});
</script>

Şimdi kodlarımızı biraz açıklayalım.
album : yukarıdaki resimde göstermiş olduğumuz albüm id numarası
count : kaç adet fotoğraf çekeceğimiz ( Mak. 25 Adet – Facebook bu sınırlamayı getiriyor )
format: resimleri nasıl göstereceğimiz (ul,div,none – none seçersek resimlerimiz img tagleri içinde gösterilir)

tüm özelliklere göz atacak olursak.

Özellik Türü Varsayılan Açıklama
album string Varsayılan değer yok. Facebook’taki göstermek istediğimiz albümün id’si
display string grid Resimlerin nasıl gösterileceği. Seçenekler ‘grid’,’collage’, ya da ‘circle’.
displayWidth string 200px Resimleri gösterirken kullanacağımız genişlik değeri
displayHeight string 200px Resimleri gösterirken kullanacağımız yükseklik değeri
count integer 25 Kaç adet resim göstereceğimiz, maksimum 25 adet
linked boolean true Tıklandığında Facebooktaki resme gitsinmi?
theClass string Varsayılan değer yok. Resimleri gösterdiğimiz elemente isteğe bağlı class vermemize olanak sağlar Örn:
theClass:'row feature pull-left'.
format (sadece display:’raw’ için geçerli) string ul Resimleri nasıl göstereceğimizi belirliyoruz. ul, div, none seçenekleri mevcut. none seçersek “a” etiketi içinde “img” etiketi ile resimlerimiz listelenir. fakat “linked” özelliğini “false” olarak ayarlarsak sadece “img” etiketi çıkar, çünkü resimlerimiz facebook’a geri link vermez.
size  (sadece display:’raw’ için geçerli) string medium Facebooktan gelecek resimin boyutu. Seçenekler ‘large’,’medium’, ya da ‘small’.
caption  (sadece display:’raw’ için geçerli) boolean false Resim başlığının gösterilip gösterilmeyeceğini belirleyen özelliğimiz.