0

fancyboxv2の動的なFacebookのようなボタン

画像のタイトルの後にボタン、ツイート、G+ボタンのようなfbのようなfancyboxv2を作成する方法、これは私のコードです。画像ごとに異なるようなボタンを作成する方法。

$('.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

これはあなたの質問に完全に答えるものではありませんが、Fancybox に Facebook Like ボタンを追加するためのこの投稿を見てください。 FacebookのいいねボタンがFancyBoxに表示されませんか?

ファンシーボックス内の各アイテム (写真?) に独自の URL を指定する必要があります。したがって、写真がある場合は、各写真がhttp://yourdomain.com/photo/photo_name_1、http://yourdomain.com/photo/photo_name_2などの URL で利用できることを確認してください。

Facebookのいいねボタンを作成するときは、必ず「送信ボタン」の選択を解除してからiFrameを選択してください。ボタンを作成するときにプレースホルダーを作成するためだけに、「Like する URL」をサイトのベース ドメインに設定します。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) が続きます。画像ごとに個別のいいねボタンが必要な場合は、残りの URL をコード内のボタンに動的に追加して (PHP、Ruby、javascript などを使用して)、次のようなものを作成します ...http%3A%2F %2Fyourdomain.com%2Fphoto%2Fphoto_name_1

于 2012-05-31T15:29:34.683 に答える