添加Facebook"喜欢"按钮到Fancybox(jquery.fancybox.pack.js // fancyBox v2.1.5)

时间:2015-01-03 15:34:27

标签: jquery jquery-plugins fancybox joomla3.0

我正在尝试在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 + '&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;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

0 个答案:

没有答案