動態改變Facebook的OG圖像中的fancybox分享按鈕

目標：
我想在我的fancybox共享我期待在與Facebook的共享者正確的圖像名稱的圖像分享按鈕。我希望當用戶在Facebook上點擊它時，他會以正確的圖像到達一個打開的Fancybox。動態改變Facebook的OG圖像中的fancybox分享按鈕

問題：
我使用jQuery的fancybox（http://fancyapps.com/fancybox/）畫廊。我在這個小提琴中添加了一個分享按鈕（http://jsfiddle.net/G5TC3/）。我的分享按鈕的作品，但從網站獲得元og，我想從我看到的圖像og：圖像。

$(".fancybox") 
.attr('rel', 'gallery') 
.fancybox({ 
    beforeShow: function() { 
     if (this.title) { 

      // Add FaceBook like button 
      this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>'; 
     } 
    }, 
    helpers : { 
     title : { 
      type: 'inside' 
     } 
    } 
});

對於誰點擊我的鏈接，並在到達打開Facybox使用正確的圖片，我不知道該怎麼做，如果有可能的用戶。

我所知道的：
我知道，我必須爲每個圖像的唯一身份網址，我想我有它。從我的網站例如：
www.myURL.com/images/gallery/myimages_1.jpg
www.myURL.com/images/gallery/myimages_2.jpg

它是正確的嗎？

我想我必須通過圖片url更改共享器中的「this.href」。首先它是正確的？第二（對不起，我是javascript新手）我該怎麼做？

我希望有人能幫助我。對不起，我的英語我想寫我最好的英語:) 如果你需要更多的信息，請不要猶豫。

感謝

[編輯]：

我加入這個劇本時，我點擊一個thumbsnail畫廊頁面上

$(function() 
{ 
    $('.thumbs').click(function() 
    { 
     $tempImgName = $(this).attr('id'); 
     $tempUrl = this.href + '/images/thumbs/' + $tempImgName; 
     $meta = document.getElementById('facebook'); 
     $meta.setAttribute("content",$tempUrl); 
    }); 
});

所以（與類.thumbs）我得到的圖像URL和我改變元（與Facebook的ID）。它的作品，但我認爲Facebook的頁面加載時檢查元，所以我怎麼能強制Facebook重新檢查我的元，採取好拇指分享？

來源

2013-07-04 JeremRama

你解決了嗎？ – aleXela

尚未我不明白第一個答案抱歉。 – JeremRama

og：圖片無法通過網址更改。您需要爲不同的圖片提供不同的共享網址。

例如： -

www.myURL.com/?pic=img1

www.myURL.com/?pic=img2等

和服務器端語言（如php ）可以讀取「pic」GET參數並更改og：圖像。

來源

2013-07-04 08:49:51 MarutiB

好吧，我認爲每個圖像都有不同的網址。我只是不知道如何在PHP中獲取圖片網址。我在代碼中看到過類似的內容，但我不明白如何將「我」（我不知道它來自何處）與網址 http://myURL.com/pics/ 「。$ _ GET ['i']; 你能簡單地解釋一下我的問題嗎？很多！你好， – JeremRama

啊，那你應該怎麼做 ''';' 而分享網址應該是www.myURL.com/?i=1或i = 2等 – MarutiB

我編輯了我的問題現在我改變了meta標籤，當我點擊一個拇指，但我不知道如何強制Facebook重新檢查我的meta。是否有可能？Thx – JeremRama

動態改變Facebook的OG圖像中的fancybox分享按鈕

回答

相關問題