Question

我正在使用脚本blazy在用户向下滚动时更改我的页面图像。它工作正常，我希望用户有可能在Facebook上与他的朋友分享每个图像。我设法将网址链接到图像的锚点。共享链接时，会显示一个小缩略图，其中包含带有图像简短描述的链接。我的问题是只显示我网站的徽标，而不是用户想要分享的图像。

<a class="facebook_share" href="actualites.php#237" onclick="
                     window.open(
                     'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href.split(location.hash||'#')[0] + '#237'),
                     'facebook-share-dialog',
                     'width=626,height=436');
                     return false;">
</a>

<div id="237">
    <a href="content/posts/237/449.jpg" title="Voir en taille réelle">
       <img class="b-lazy"
            src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
            data-src="content/posts/237/449_thumb.png" alt="image" width="700px">
    </a>
</div>

查看The Open Graph protocol，我在点击Facebook分享按钮时尝试创建元标记。结果是一样的 - 我想要分享的图像没有显示，这是因为Facebook linter只查看响应中的HTML并且不运行任何脚本。我的页面内容总是在变化，我无法手工编写元标记＆＃34;。

<a class="facebook_share" href="actualites.php#237" onclick="
$('meta[name=og:image]').remove();
                      $('head').append('&lt;meta name=\'og:image\' content=\'***/content/posts/237/449_thumb.png\'&gt;');
window.open(...[see above]);

blazy和facebook分享/喜欢

0 个答案: