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

时间:2011-08-25 18:10:14

标签: javascript text resize jcarousel

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

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

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

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

1 个答案:

答案 0 :(得分:5)

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

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

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