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