javascript - 如何使画廊全宽？

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
);