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