2

Facebook の共有ボタンを自分のページに統合しようとしています。次のコードを使用しています。

<a name="fb_share"></a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
        type="text/javascript">
</script>

これにより、共有用の画像とコードが生成されます。ただし、共有ボタンに独自の画像を使用しようとしています。次のコードを使用しています。

<a name="fb_share"><img src="fb.png" /></a> 
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
        type="text/javascript">
</script>

ここで、fb.png は FB ロゴのカスタム イメージです。

問題は、私の画像が一般的な Facebook 共有画像と一緒に左側に表示されることです... 共有ボタン用のカスタム画像を実装する方法があるかどうか知っていますか?

前もって感謝します！！

4

1 に答える 1

4

次のようなトリックを行う必要があります。

HTML :

<a id='share'><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" 
    type="text/javascript"></script></a>

CSS :

#share *{
   filter:alpha(opacity=0.1); 
   opacity:0.01;/*Hide Facebook button*/
}

#share{
  display:inline-block;

  /*The width and height of your image. Not bigger than the Like button!*/
  width: 10px;
  height: 10px;

  /*Your image*/
  background:url(fb.png);
}
于 2012-05-30T12:32:32.767 に答える