2011-12-21 330 views
0

我有一個Facebook OG標籤...jQuery的填充IMG SRC元ATTR「內容」

<meta property="og:image" content="whatever.jpg"/> 

而且我想給whatever.jpg更改爲圖像包含在一個div在頁面上用一個id #ok

<div id="ok"> 
<img src="saveme.jpg" /> 
</div> 

,所以我想最終

<meta property="og:image" content="saveme.jpg"/> 

和想法?一直在尋找aroundthe API和還沒有找到任何這這是否:(

回答

1

這會爲你工作

$('meta[property="og:image"]').attr('content',$('#ok img').attr('src')); 

一個例子是http://jsfiddle.net/RMd27/

+0

100謝謝你,這基本上做了我所要求的東西,看起來og標籤在js加載之前拉出圖像,所以原始圖像仍然顯示,看起來像我必須找到另一種方式。 – user1110237 2011-12-21 19:01:23

+0

沒問題@ user1110237如果這是答案不要忘記標記爲答案接受:)並祝你好運 – 2011-12-21 19:02:34

+0

我認爲它其實是因爲 – user1110237 2011-12-21 19:03:29

0

假設你只有與og:image屬性的一個meta標籤:

$('meta[property="og:image"]').attr('content',$('#ok').find('img').attr('src')); 
+0

+1以抵消匿名投票。 – jensgram 2011-12-21 16:44:51

0

嘗試:

$('meta[property="og:image"]').attr("content",$("#ok > img").attr("src")) 
0

你不應該通過JavaScript設置任何OpenGraph數據,因爲它往往被搜索引擎和社交網站抓取,而那些沒有JavaScript(換句話說,他們看到的將是未改變的值)。根據您設置OpenGraph值的方式,您可能需要更改您的PHP以輸出您想要的特定頁面的正確圖像。