onClick：facebookで画像を共有

Question

Facebookの共有者を立ち上げる新しいウェブサイトの画像にonClick機能を設定したいと思います。

はここで、私はおよそ

<div id="mImageBox"> 
<img id='my_image' src='' width="auto" height="auto"/> 
</div> 

画像srcが、それがそのように「my_image」

を使用して別のJavaScript関数によって注入されていますbecouse空白になって話しているのか理解に役立つことがあり、コードの一部PICESですうまく

<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script> 

<div id="mImageBox"> 
<a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>" onclick="return fbs_click()" target="_blank"><img id='my_image' src='' width="auto" height="auto"/></a> 
</div> 

のonClick関数作業を、owever、それはIMGが配置されているページにリンクし、N：私はこの方法で設定するのonClick機能を試してみましたIMGそのもの！

私には何か提案がありますか？

ジオ

Answer 1

はこれを試してみてください。

<div id="mImageBox"> 
<img id='my_image' src='' alt='' width="auto" height="auto" onclick="fbs_click(this)"/> 
</div> 

<script> 
    function fbs_click(TheImg) { 
    u=TheImg.src; 
    // t=document.title; 
    t=TheImg.getAttribute('alt'); 
    window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; 
} 
</script> 

あなたはその場合のJSので、無効JSケースのために（<IMG>タグを囲む）< >タグを使用する必要はありませんsrc属性も注入する必要があります。

Answer 2

次の機能を呼び出すだけで、画像をFacebookのリンクとテキストと共有できます。 FacebooksのJavaScript API 2.9以降

function sharefbimage() { 
    FB.init({ appId: `your appid`, status: true, cookie: true }); 
    FB.ui(
    { 
     method: `share`, 
     name: 'Facebook Dialogs', 
     href: $(location).attr('href'), 
     link: 'https://developers.facebook.com/docs/dialogs/', 
     picture: 'your image url', 
     caption: 'Ishelf Book', 
     description: 'your description' 
    }, 
    function (response) { 
     if (response && response.post_id) { 
      alert('success'); 
     } else { 
      alert('error'); 
     } 
    } 
); 

Answer 3

は先週、上記の溶液は、もはや機能しないので、（私はこれを見つけるために半日かかりました!!!）死んでいます。 v2.10では、FB.uiの画像パラメータがもう存在しません。 しかし、Facebookが各共有画像ごとにOpen Graphデータを個別にスクラップするように、画像ごとに個別のURLパラメータを生成する回避策が見つかりました。参考までに私のコードをthis postで共有しました。