如何调节链接到图像的FB注释框？

Question

我正在尝试使用Fancybox2创建一个包含图片库的网站。我使用以下代码为库中的每个图像添加了一个FB注释框：

$(".fancybox").fancybox({

scrolling: true,
beforeShow: function () {
    if (this.title) {
    currentHref = this.href;

    this.title += '<br /> <br/>'; // Line break after title

    this.title += '<div class="fb-like" style="margin:0; padding:0" data-href="' + currentHref + '" data-width="400" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>';

    this.title += '<br />'; // Line break after title

    this.title += '<div class="fb-comments" data-href="http://example.com/' + currentHref + '" data-num-posts="2" data-width="400"></div>';
    }
},
afterShow: function () {
    FB.XFBML.parse();

},
helpers: {
    title: {
        type: 'inside'
    }
}

}）;

我知道我需要在网页的头部包含<meta property="fb:app_id" content="XXXXXXXXXXXXXXXX"/>来审核链接到网页的FB评论框。但是，如果data-href是图像的URL，我该怎么做呢？我希望有人能帮帮忙！谢谢！