2012-02-01 61 views
0

我想把Facebook的按鈕像一個網站。 它位於圖像存檔頁面上。 圖像檔案通過jquery $.post()函數動態加載。 檔案由圖像網格和單個圖像視圖組成。當您單擊網格中的圖像時,會將更大的版本加載到單個圖像視圖中。現在我想提供一個像Facebook一樣的按鈕來分享網站,以及所選圖像應該出現的縮略圖。facebook喜歡按鈕動態縮略圖與ajax畫廊

meta標籤與物業OG:圖像看起來如下

<meta id="active-image" property="og:image" content="http://mysite.com/default_image.jpg" /> 

當有人在網格中點擊一個圖像上的meta標籤的內容屬性更改爲當前圖像中的網址單一視圖。

$('#active-image').attr('content','http://mysite.com/detail_image.jpg'); 

作爲等按鈕的HREF我使用

<a target="_blank" href="http://www.facebook.com/sharer.php?u=http://mysite.com">Facebook</a> 

的問題是,這是由實彈出窗口中提供的縮略圖不是所選擇的一個。 是因爲頁面必須如此處所述被「刮」faceboook: like plugin

是否有人有使用jquery動態更改og:image屬性的經驗。 有可能嗎?

問候, 彼得

+0

我用這個直接鏈接,如這裏所述http://www.schaefer-informatik.biz/blog/70/erweitertes-teilen-von-links-bei-facebook/ – 2012-02-01 22:55:51

回答

2

確實有人在改變OG經驗:用jQuery圖像動態地財產。可能嗎?

我有經驗試圖改變使用jQuery og元標記,但是,它不會工作。 Facebook linter之所以只在響應中查看HTML,並沒有運行任何腳本。因此,您的網絡服務器代碼需要以一種足夠智能的方式進行編程,以便爲Facebook提供正確的meta標籤。