Facebook share-button " - custom-image

Ich versuche mich zu integrieren, facebook share button in meine Seite. Ich bin mit dem folgenden code:

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

Dies erzeugt das Bild und den code für die Freigabe. Aber ich versuche, mein eigenes Bild für die Schaltfläche "teilen". Ich bin mit dem folgenden code:

<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>

wo fb.png ist ein benutzerdefiniertes Bild mit dem FB-logo.

Problem ist, dass mein Bild zeigt zusammen mit den Generika Facebook teilen Bild auf der linken Seite... weißt du, ob es einen Weg gibt, implementieren Sie ein benutzerdefiniertes Bild für den share-button?

Vielen Dank im Voraus!!

  • Ich denke, FaceBook verbietet die Bearbeitung von it-Schaltflächen. Ich wollte das gleiche zu tun, und gab...
InformationsquelleAutor user1170949 | 2012-04-29
  1. 4

    Sollten Sie einen trick, wie diese:

    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);
}
    • "Nicht größer ist als der like-button", weil das <script> setzt die Breite/Höhe des anklickbaren element? Könntest du die JQuery überschrieben?
    • Das ist, weil die Like Taste hat eine Feste Höhe und Breite, wenn das Bild größer ist als das, ist der Teil des Bildes, der sich außerhalb der Like - Taste wird nicht ausgelöst, eine Wie. Wenn nötig, können Sie mehrere Schaltflächen platzieren, die direkt neben und unter einander decken das gesamte Bild.
    InformationsquelleAutor user2428118
Schreibe einen Kommentar