如何使画廊全宽？

Question

我正试图以任何分辨率制作全宽图像库。

奇怪的是，只有当我点击浏览器窗口上的最大化按钮按钮时，图库才会全屏显示。到目前为止，我还没有弄清楚这个问题。

这是演示链接〜

http://constantcontrast.com/demo/

Answer 1

试试这个：

找到boxlayout.js，将其打开并找到第54-57行。它应该看起来像：

if( !$section.data( 'open' ) ) {
    $section.data( 'open', true ).addClass( 'bl-expand bl-expand-top' );
    $el.addClass( 'bl-expand-item' );   
}

最后，添加：

setTimeout(
    function() {
        $( window ).trigger( 'resize' );
    },
    500
);

所以看起来应该是这样的：

if( !$section.data( 'open' ) ) {
    $section.data( 'open', true ).addClass( 'bl-expand bl-expand-top' );
    $el.addClass( 'bl-expand-item' );   
}
setTimeout(
    function() {
        $( window ).trigger( 'resize' );
    },
    500
);