jquery-plugins - Fancybox包装器无法正确调整图像尺寸

标签 jquery-plugins fancybox autosize

我在FancyBox上遇到问题。应该根据图像的尺寸自动调整包装器的大小。它不是那样做的。具体来说,它太小了。

这是我使用的FancyBox jQuery代码:

$("a[rel=photo_gallery]").fancybox({
    'type'              : 'image',
    'padding'           : 10,
    'autoScale'         : true,
    'cyclic'            : true,
    'overlayOpacity'    : 0.7,
    'overlayColor'      : '#000000',
    'transitionIn'      : 'fade',
    'transitionOut'     : 'fade',
    'titlePosition'     : 'over',
    'titleShow'         : false,
    'resize'            : 'Auto'
});

有没有其他人遇到过这个问题?

在此先感谢您的帮助。

最佳答案

以上对我不起作用(FB 3beta)。

这是我的解决方案:

.fancybox-wrap, .fancybox-wrap *{
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -safari-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

关于jquery-plugins - Fancybox包装器无法正确调整图像尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3963734/

相关文章:

javascript - 显示 html <DIV> 元素的好方法,例如画廊、mooflow、灯箱等

jquery - Fancybox 2 基于内容大小的动态宽度

iphone - 如何在ios 6 Xcode中禁用IOS约束?

WPF:如何在弹出窗口中自动调整 Web 浏览器的大小?

启用兼容模式的 IE 8 中的 Javascript 错误

javascript - Jquery ID 选择器不工作

jquery - AJAX 数据强制 FancyBox 模式大于浏览器窗口

jquery - 从 iframe 调用父级中的 Fancybox

swift - UICollectionView 自动调整大小和动态行数

jquery - 确定用户单击的列/行