在 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;
}

JQUERY:

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

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

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

Answer 1

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

在 fancybox 中更改弹出图像的宽度和高度

change the pop-up image width and height in fancybox

html

javascript

css

jquery

fancybox