垂直javascript无限文本轮播与可变大小的元素

Question

我有一系列的推荐书可以在侧边栏中显示.我让它们与jCarousel一起工作正常,但客户希望能够为每个推荐书输入不同数量的文本.当只显示最后一个推荐书的一部分时,它看起来非常难看.

jCarousel允许您将内容应用于不可见的项目,但遗憾的是,该项目的部分或全部都在视图中,因此可以看作是可见的.如果有一些隐藏任何部分可见项目的可靠方法,那是可以接受的.

另一种方法是使所有推荐书都是静态高度(也就是说,总高度的1/3),但是这会在每个元素之间产生大的空间,而在较短的那些元素上看起来很难看.

我很感激有关如何使这种情况发挥作用的任何建议.

Answer 1

这是一个例子:http: //jsfiddle.net/HxKAJ/

高度是可变的,我正在淡化部分可见项目的字体颜色,但如果你愿意,你可以隐藏它们,如下所示:

.v-carousel-mask li {visibility:hidden}
.v-carousel-mask .visible-carousel-item {visibility:visible}