如何阻止fancybox调整大小
How can I stop fancybox from resizing?
我是一个初学者,所以我对编码的了解有限。我正试图创建一个使用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
});
查看分叉的JSFIDDLE
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- ExtJS——在展开/折叠时调整面板高度
- Fancybox是否将Click事件静音
- 需要帮助谷歌地图方向面板在FancyBox中显示
- Chrome应用程序调整窗口大小保持纵横比
- 如何自动调整标签的高度以适应内容
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 合并两个数组,重新调整循环js
- fancybox 2-如何在装载后自动调整fancybox的大小
- 如何在没有过渡效果的情况下使用fancybox调整大小
- 如何在图像更改后调整Fancybox的大小
- Fancybox加载时调整大小无法正常工作
- 动态添加新数据时调整FancyBox模式的大小
- 如何在ie中使fancybox正确调整大小
- 我如何使fancyBox 2调整其高度以适合其内容?
- Fancybox-图像不调整大小
- 如何阻止fancybox调整大小