ユーザーが下にスクロールするときにページの画像を変更するために、スクリプトblazyを使用しています。それは問題なく動作します。ユーザーが各画像を Facebook の友人と共有できるようにしてほしいと思います。URLを画像へのアンカーにリンクすることができました。リンクを共有すると、画像の簡単な説明を含む小さなサムネイルがリンクとともに表示されます。私の問題は、自分の Web サイトのロゴのみが表示され、ユーザーが共有したい画像が表示されないことです。
<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 プロトコルを見て、Facebook の共有ボタンをクリックしたときにメタ タグを作成しようとしました。結果は同じです。共有したい画像が表示されません。これは、Facebook リンターが応答の HTML のみを参照し、スクリプトを実行しないためです。私のページのコンテンツは常に変化します。メタタグを「手で」書くことができません。
<a class="facebook_share" href="actualites.php#237" onclick="
$('meta[name=og:image]').remove();
$('head').append('<meta name=\'og:image\' content=\'***/content/posts/237/449_thumb.png\'>');
window.open(...[see above]);