垂直滾動圖像庫

Question

我正在瀏覽關於設計垂直滾動圖像庫的教程。

http://flowplayer.org/tools/demos/scrollable/vertical.html

現在，任何人都可以解釋我如何更改這些設置，這樣我可以在單頁有超過3行。或者任何人都可以向我展示一個教程，其中這樣的垂直圖像庫已經制作完成。

在此先感謝您的幫助。

Answer 1

嘿它是不是一個暗技術中，他們使用的是固定的父容器height:665px和overflow:hidden。它允許所有內容非擬合到它被隱藏。只需增加父容器的高度以容納更多內容（在這種情況下，它們是圖像）。

//vertical is the class of parent container in the example you provided. 
.vertical { 
    border-top:1px solid #DDDDDD; 
    height:665px; // just increase it for showing more images. 
    overflow:hidden; //causing images to hide. 
    position:relative; 
    width:700px; 
} 

Working Example表示示出四個圖像

Working Example表示fiveimages

Answer 2

更改容器的高度也有訣竅。

carzy demo

.vertical { 

    /* required settings */ 
    position:relative; 
    overflow:hidden;  

    /* vertical scrollers have typically larger height than width */  
    height: 886px; /* original height:665px; */ 
    width: 700px; 
    border-top:1px solid #ddd;  
} 

Answer 3

爲頁面本身上的實施例只是兩個圖像

Working Example：只是把4個格而不是3的包裝和相應地增加「.vertical」的高度。它不是插件的安裝問題，而是您如何製作標記。