javascript - 如何从超大全屏幻灯片中获取100px？

Supersized slideshow拉伸幻灯片图像以填满整个屏幕。但是我想在幻灯片放映前有一个100px的标题（而不是在其上方）。我能怎么做？

The FAQ explains that the slideshow needs not to be fullscreen，但我仍然希望它为全屏显示，期望从顶部开始100px。

最佳答案

我知道自您提出要求以来已有一段时间，但我已使用它来缩小Supersized占用的空间。

function portfolioSize () {
    $('#supersized').height( $(window).height() - 71 );
}
$(window).load(function() { portfolioSize(); });
$(window).resize(function() { portfolioSize(); });

这将拉动窗口高度并减去必要的像素数量。下面的两行用于确保在初始加载时以及在调整浏览器窗口大小时应用此功能。

编辑：作为一个旁注，我认为可能还需要以下CSS（自从我在需要此的网站上工作以来，这有点过头了，所以出于其他原因，它们可能在那里）：

#supersized {position: relative !important;}

#supersized li {position: absolute !important; height: 100% !important;}

关于javascript - 如何从超大全屏幻灯片中获取100px？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12240999/