Cycle2以響應高度爲中心

Question

我使用Cycle 2插件。 我正在嘗試使響應高度的中心幻燈片。

http://jsfiddle.net/Tancrede/gnH9H/4/

.slideshow { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    z-index: 1000; 
    overflow: hidden; 
} 

.slideshow img { 
    width: auto; 
    height: 100%; 
    text-align: center; 
    opacity: 0; 
    filter:alpha(opacity=0); 
} 

我想這個幻燈片很好地和工作的順利開展。 主要的一點是，圖像將有不同的大小，但他們都將100％的視口，他們必須居中（如果視口太小，甚至會裁剪）。

我已經看到了這個命題似乎工作（我不知道如何去適應這個解決我的問題）：

Responsive background with maintained aspect ratio

但我只在高度興趣，我我不是在尋找一個真正的全屏。

我的猜測是，該解決方案是使用JavaScript，但我不知道從哪裏開始......通過

Answer 1

一些時間，因爲你問過，但我也陷入了類似的情況，想增加我的解決方案我已經編輯了一下你的小提琴，讓它按照我認爲你打算的方式工作。不需要額外的JavaScript（至少不在我的測試環境中）。

http://jsfiddle.net/tvgemert/gnH9H/8/

設置HTML，車身高度爲100％的伎倆：

body,html { 
    margin: 0px; 
    background-color: red; 
    height: 100%; 
}