我正在尝试在fancybox中添加Facebook“赞”功能,类似于http://jsfiddle.net/B9ytK/
$(".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'
}
}
});
之前提出的问题是:
How to modify jquery.fancybox.pack.js file to add share buttons
但答案并没有真正帮助,因为它没有得到真正的回答。
我的不同之处在于我使用Joomla而不是WP,但问题是一样的。我应该在哪里添加JSFiddle中的代码,因为我没有真正“调用”Fancybox,它是一个Joomla加载的插件。
更糟糕的是,该插件加载了fancybox的打包版本,因此很难阅读代码。
我甚至无法在fancybox中添加一行文字,所以这也足以让我更进一步。
我会感谢任何帮助,
Søren