0

我希望能够使用默认的 Facebook 分享对话框。

我使用此代码能够在我的 Fancybox 画廊中使用 Facebook 分享按钮：

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
    beforeShow: function () {
        if (this.title) {

            // pass original title to new variable
            var originalTitle = this.title;  

            // Add FaceBook like button
            this.title += '<a href="https://www.facebook.com/sharer/sharer.php?s=100&p[url]=' + this.href + '&p[title]=' + originalTitle + '&p[images][0]=' + this.href + '&p[summary]=My website summary"><img src="#"></a> ';
        }
    },
    afterShow: function() {
        // Render tweet button
        twttr.widgets.load();
    },
    helpers : {
        title : {
            type: 'inside'
        }
    }  
});

问题是，此时它试图在同一个窗口（选项卡）而不是弹出窗口中共享图片。不得不为用户“返回”可能看起来很烦人。

这是 Facebook 提供的默认代码：

<a href="#" 
  onclick="
    window.open(
      'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 
      'facebook-share-dialog', 
      'width=626,height=436'); 
    return false;">
  Share on Facebook
</a>

这是用于显示图片的 HTML：

<a class="fancybox" title="My Image Title" href="#" rel="group"><img src="#" /></a>

另外，如何添加股份计数器？显示在按钮的右侧。

谢谢你。

4

0 回答 0