垂直滚动图像库

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”的高度。它不是插件的安装问题，而是您如何制作标记。