Question

我是初学者，所以我对编码知识有限。我正在尝试创建一个使用fancybox2作为其图像库的网站。我为每张照片添加了一个Facebook按钮和Facebook评论框。这是我的代码：

$(".fancybox").fancybox({


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://mundonimona.com/' + currentHref + '" data-num-posts="2" data-width="400"></div>';
    }
},
afterShow: function () {
    FB.XFBML.parse();


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

}）;

http://jsfiddle.net/brewhildah/999Ly4vm/9/

Facebook喜欢和评论框在网站上工作。问题是Facebook插件加载后照片的大小调整。它们都变小了。即使在Facebook内容已加载后，我如何确保幻灯片不会调整大小（以便查看照片并从一张幻灯片移动到另一张幻灯片顺利进行）。

感谢您的帮助！

Answer 1

您可以将fitToView和maxWidth API选项结合使用，以实现以下目标：

$(".fancybox").fancybox({
    fitToView: false,
    maxWidth: "85%",
    // other API options
});

查看您的分叉 JSFIDDLE

如何阻止fancybox调整大小？

1 个答案: