伸展封面圖片瀏覽器，擡起滾動

Question

因此，新的Exposure網站是美好的，讓我想知道他們是如何實現這樣的。基本上，它是一個延伸到瀏覽器窗口的封面圖像（即使您調整大小），可愛的是，只有當您滾動時才能看到下面的內容。

我想你可以使用像backstretch.js這樣的動態調整大小的圖像。但是他們怎麼實現其餘的呢？

我已經成立了一支筆在這裏：http://codepen.io/realph/pen/luwdJ

這似乎做的工作，但是當你滾動，而不是下降的封面圖片下面的內容被覆蓋。

任何想法我做錯了什麼，或任何提示實現這樣的事情？

提前致謝！

Answer 1

我覺得這是你在尋找什麼，CSS可以做整個事情

http://codepen.io/anon/pen/rajDJ

就在這個規則添加到您的圖像或圖像類

img { 
    width: 100%; 
    } 

什麼暴露在那裏做什麼正在創建包含圖像的onclick模式窗口，但您可以使用js或jquery來做到這一點，或者有很多jQuery插件可以做到這一點。

此外，要獲得漂亮的網格結構，您可以使用網格模板。這裏有一個讓你開始吧http://960.gs/