標題下方的超大幻燈片顯示

Question

我正在使用超大尺寸的jquery插件來顯示全屏幕背景幻燈片。 看看這個網站（這不是我自己的，但我使用的是相同的結構）：

http://mysampleconcept.com/situs4/

正如你所看到的（例如，如果你給頭一定不透明度）的圖像頂部開始的身體。 但我希望它們在標題下面開始（這樣標題不會覆蓋圖像的頂部）。

如果你給超大的LI例如top：100px;整個圖像向下移動，以便圖像底部在我的頁腳下方消失。 所以這不是我想要的解決方案。

因此，我需要的是將圖像拉伸到最大尺寸，但仍然在窗口內，而不是延伸到頂部100px或底部。

我該怎麼做？

對不起，我的英語不是最好的...

我發現這個解決辦法，但我不知道如何實現它：https://stackoverflow.com/a/12889088/1981981

Answer 1

您可以使用您所指向的問題提供解決方案作爲出發點。只需將它放在文檔就緒函數中的$ .supersized（）之下即可。 既然你想要一個頂部的偏移量，我們也必須修改頂部的值。我修改了剪斷，以滿足您的需求：

var portfolioSize = function() { 
    var headerOffset = 100; 
    $('#supersized').css({ 
    height: $(window).height() - headerOffset, 
    top: headerOffset + 'px' 
    }); 
}; 
portfolioSize(); 
$(window).resize(function() { portfolioSize(); }); 

我改變了$（窗口）.load事件直接調用，因爲我們把文件準備函數內部的代碼。

不要忘記修改其他答案（https://stackoverflow.com/a/12889088/860205）中提到的用於定位的CSS。