2011-12-21 166 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以输出您想要的特定页面的正确图像。