我是初学者,所以我对编码的了解有限。我正在尝试创建一个使用 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 内容加载后幻灯片也不会调整大小(以便查看照片并从一张幻灯片移动到另一张幻灯片会顺利进行)。
感谢您的帮助!
最佳答案
您可以结合 fitToView
和 maxWidth
API 选项来实现这一点,例如:
$(".fancybox").fancybox({
fitToView: false,
maxWidth: "85%",
// other API options
});
查看您的 fork JSFIDDLE
关于javascript - 如何阻止 fancybox 调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31071249/