Question

我目前正在尝试在我的网页上实现图库。

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

制作库以便jquery检测窗口高度并创建一个跨越缩略图下方宽度的扩展框。问题是这个设置高度会切断我目前试图放入展开预览的信息。我怎样才能更改代码，以便根据内部元素扩展框。（类似于CSS自动高度？）或者是否有其他选项可以看到所有信息？

我试图做一个jfiddle，但它没有工作。

function getWinSize() {
    winsize = { width : $window.width(), height : $window.height() };
}

Answer 1

好吧，在用这个css挣扎之后，这可能不是完美的解决方案，因为我没有太多时间阅读整个代码，只需修改以下内容，之后页面应该可以正常工作，希望如此。

打开basic.css文件，并将类.og-expander修改为：

.og-expander {
                position: absolute;
                background: #ddd;
                top: auto;
                left: 0;
                width: 100%;
                margin-top: 10px;
                text-align: left;
                height: auto !important;
                z-index:99;
                overflow: hidden;
            }

还将以下内容添加到css文件中：

.og-grid li.og-expanded
            {
                height:900px !important;
            }

我已保存修改后的文件，并将其上传到此处： https://www.mediafire.com/?y3ihnadu343dsui

如果它能正常使用，请告诉我

删除检测窗口大小并添加自动高度？

1 个答案: