デフォルトの 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>
また、株式のカウンターを追加する方法は? ボタンの右に表示されます。
ありがとうございました。