Question

我想禁用花式框库的自动尺寸，并将其宽度和高度设置为固定值，我试图更改设置但没有成功，

<script type="text/javascript">
    $(document).ready(function () {
        $(".fancybox-thumb").fancybox({
            prevEffect: 'none',
            nextEffect: 'none',
            autoSize: false,
                fitToView: false,
            width: 350,
                height:400,
            helpers: {
                title: {
                    type: 'outside'
                },
                overlay: {
                    opacity: 0.8,
                    css: {
                        'background-color': '#000'
                    }
                },
                thumbs: {
                    width: 100,
                    height: 100
                }
            }
        });

任何想法如何覆盖默认大小和高度，

感谢

Answer 1

将API选项fitToView设置为false。

autoSize适用于“inline”，“ajax”和“html”类型的内容width和height为自动确定（尺寸取自传入的内容）。

另一方面，请记住，图像既可以显示，也可以显示在视口中（fitToView: true）或原始大小，无论它是否大于视口（{{1} }）....但不是上面以外的其他大小（就像通过html或css调整图像大小，这是一个不好的做法）。

如果您希望图像以相同大小的fancybox显示，则必须将它们封装在容器中并使用ajax，inline或html类型。

自动调整大小不适用于精美的盒子2画廊

1 个答案: