更改fancybox中弹出图像的宽度和高度[重复]

Question

我正在尝试更改fancybox 中弹出图像的宽度和高度，但我没有成功，我不确定要在jquery.fancybox.css 中更改什么。有什么帮助吗？

JSfiddle：http://jsfiddle.net/uZCC6/5191/

HTML：

<a class="fancybox" data-fancybox-group="thumb1" href="http://fancyapps.com/fancybox/demo/4_b.jpg"><img src="http://fancyapps.com/fancybox/demo/4_s.jpg" alt="" /></a>

        <a class="fancybox hidden" data-fancybox-group="thumb1" href="http://fancyapps.com/fancybox/demo/3_b.jpg"><img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt="" /></a>

        <a class="fancybox" data-fancybox-group="thumb2" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" /></a>

        <a class="fancybox hidden" data-fancybox-group="thumb2" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt="" /></a>

CSS：

.hidden {
    display: none;
}

查询：

$('.fancybox').fancybox({
            prevEffect : 'none',
            nextEffect : 'none',

            closeBtn  : false,
            arrows    : false,
            nextClick : true,

            helpers : {
                thumbs : {
                    width  : 50,
                    height : 50
                }
            }
        });

Answer 1

认为它会根据屏幕尺寸动态计算。但是，您可以尝试调整 .fancybox-image 类。还要检查 .fancybox-outer 和 .fancybox-inner 类。您可能还需要调整它们。