0

fancybox v2 中的动态 facebook like 按钮

如何在图像标题后使用类似 fb 的按钮、tweet.G+按钮制作 fancybox v2，这是我的代码。我如何为每个图像制作不同的按钮。

$('.fancybox-buttons').fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    prevEffect: 'none',
    nextEffect: 'none',
    playSpeed: 2500,
    arrows: false,
    nextClick: true,
    helpers: {
        thumbs: {
            width: 50,
            height: 50
        },
        buttons: {}
    },
    afterLoad: function ()
    {
        this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
    }
});
4

1 回答 1

1

这不会完全回答您的问题，但请查看这篇文章以将 Facebook Like 按钮添加到您的 Fancybox。 FancyBox 中未显示 Facebook 赞按钮？

您需要为您的幻想箱中的每个项目（照片？）提供自己的 URL。因此，如果您有照片，请确保每张照片都可以在http://yourdomain.com/photo/photo_name_1、http://yourdomain.com/photo/photo_name_2等 URL 上找到...

当您创建 facebook like 按钮时，请确保取消选择“发送按钮”，然后您可以选择 iFrame。将“URL to Like”设置为您网站的基本域，只是为了在创建按钮时创建一个占位符。你的 iFrame 最终会是这样的：

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fyourdomain.com%2F&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

在 iFrame 中，您可以看到正在传回 Facebook 的链接。它以 http 开头，然后是冒号：(%3A) 和斜杠 /(%2F)。如果您想为每个图像添加一个单独的类似按钮，请在您的代码中（使用 PHP、Ruby、javascript 等）动态地将 url 的其余部分附加到您的按钮上，以创建类似这样的内容 ...http%3A%2F %2Fyourdomain.com%2Fphoto%2Fphoto_name_1

于 2012-05-31T15:29:34.683 回答