動態Facebook的喜歡按鈕的fancybox V2

像的fancybox V2按鈕動態的Facebook動態Facebook的喜歡按鈕的fancybox V2

如何做的fancybox V2與像按鈕一樣FB，tweet.G +圖像的冠軍之後按鈕，這是我code.how我爲每個圖像製作不同的buutons。

$('.fancybox-buttons').fancybox({ 
    openEffect: 'none', 
    closeEffect: 'none', 
    prevEffect: 'none', 
    nextEffect: 'none', 
    playSpeed: 2500, 
    arrows: false, 
    nextClick: true, 
    helpers: { 
     thumbs: { 
      width: 50, 
      height: 50 
     }, 
     buttons: {} 
    }, 
    afterLoad: function() 
    { 
     this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); 
    } 
});

來源

2012-05-30 user1196392

這不會完全回答你的問題，但看看這個帖子，添加一個Facebook Like按鈕到你的Fancybox。 Facebook like button not displaying in FancyBox?

你需要給你的fancybox中的每個項目（照片？）自己的URL。所以，如果你有照片確保每張照片可在像http://yourdomain.com/photo/photo_name_1，http://yourdomain.com/photo/photo_name_2等一個網址...

當你創建你的Facebook像按鈕，確保已取消選中「發送按鈕」，那麼你可以選擇的iFrame 。將「Like to URL」設置爲您網站的基本域，只是爲了在創建按鈕時創建佔位符。您的iFrame最終會出現如下結果：

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fyourdomain.com%2F&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

在iFrame中，您可以看到正在傳回Facebook的鏈接。它以http開始，然後是冒號：（％3A）和斜槓/（％2F）。如果你想爲每個圖像分別設置一個按鈕，可以在代碼中動態添加url的其餘部分（使用PHP，Ruby，javascript，或者其他...）來創建類似於這樣的內容：http：//％3A％ 2F％2Fyourdomain.com％2Fphoto％2Fphoto_name_1

來源

2012-05-31 15:29:34 hoitomt

動態Facebook的喜歡按鈕的fancybox V2

回答

相關問題