このフィドルに続いて
$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
beforeShow: function () {
if (this.title) {
// New line
this.title += '<br />';
// Add tweet button
this.title += '<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-url="' + this.href + '">Tweet</a> ';
// Add FaceBook like button
this.title += '<iframe src="//www.facebook.com/plugins/like.php?href=' + this.href + '&layout=button_count&show_faces=true&width=500&action=like&font&colorscheme=light&height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:23px;" allowTransparency="true"></iframe>';
}
},
afterShow: function () {
// Render tweet button
twttr.widgets.load();
},
helpers: {
title: {
type: 'inside'
}, //<-- add a comma to separate the following option
buttons: {} //<-- add this for buttons
},
closeBtn: false, // you will use the buttons now
arrows: false
});
Facebook/Tweet ボタンが機能しないようです。まったく表示されません。
追加のしわとして、fancybox のコードが php ファイルから取り出されているため、機能しない理由を説明できるかもしれませんが、修正方法はまだわかりません。
個々の写真を特に Facebook で簡単に共有できるようにしたいと考えています。
理由についての私のサイト(判断しないでください! これまでに数時間の作業しか行っていません, 笑) 最新の馬だけがファンシーボックススクリプトを持っています, 私は作業中に構築中です:S.