在JQuery Galleriffic上實現Facebook Like Button頁面

我在我們的網站上使用了JQuery Gallerific相冊。 http://www.twospy.com/galleriffic/example-5.html 在JQuery Galleriffic上實現Facebook Like Button頁面

我想在此頁面上實現Facebook Like按鈕和Open Graph Protocol。

Facebook的喜歡按鈕

<fb:like href="http://www.twospy.com/galleriffic/example-5.html" layout="button_count"></fb:like>

的Open Graph協議

<meta property="og:url" content="http://www.twospy.com/galleriffic/example-5.html"/> 
<meta property="og:image" content="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg"/>

我想改變OG：url和OG：圖像鏈接時，對下一個按鈕和以前按鈕將相應頁面用戶點擊鏈接。

比方說，第5圖像上的用戶點擊，則打開圖形協議鏈接應該改爲

<meta property="og:url" content="http://www.twospy.com/galleriffic/example-5.html#5"/> 
<meta property="og:image" content="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" />

和喜歡按鈕需要改變，以

<fb:like href="http://www.twospy.com/galleriffic/example-5.html#5" layout="button_count"></fb:like>

請讓我知道是否有可能。解決這個問題將拯救我的生命。請幫我看看代碼。

謝謝。

來源

2010-09-07 user374760

您使用的是服務器端語言嗎？如果是這樣，哪一個？ – karim79 2010-09-07 00:13:41

嗨Karim79，頁面是html頁面。我不打算在此頁面上使用任何服務器端語言。是否有可能解決這個問題，使用jQuery和JavaScript。 – user374760 2010-09-07 01:42:58

我遇到了同樣的問題。問題在於社交網絡「插件」（Facebook，Twitter，Google+等）都注入了他們工作的iframe。因此，更改頁面的元信息發生得太晚了，因爲它已經被解析爲構建iframe，並且在此之後都被忽略，並且iframe中的任何JS都無法訪問。我甚至嘗試用iframe刪除div，並在更改元信息後重新添加它，但第二次注入從不像第一次那樣整齊。

我使用的解決方案是我在Galleriffic onSlideChange（）方法中更新的「like」或「tweet」或「plus-one」按鈕的舊式鏈接。之後您編碼URL和標題，更改一個在href（假設它在下面的例子中「facebooksharer」的ID）：

$("facebooksharer").attr("href","http://www.facebook.com/sharer/sharer.php?u="+newUrl+"&t="+newTitle);

當然，你失去了在網上計數和「朋友也喜歡「，但至少遊客可以喜歡畫廊中的確切圖像。

來源

2011-12-06 18:55:41

在JQuery Galleriffic上實現Facebook Like Button頁面

回答

相關問題