jQuery:通过滑动旋转的图像/文本的垂直列表(第一个图像将转到最后一个图像，等等)

Question

我一直在尝试我能想到的所有幻灯片脚本，但我想不出一种方法来做到这一点:

我有一个垂直的图像列表，其中包含一些我想要向上滑动(或向下，不重要)的文本 - 因此第一个项目将转到列表的末尾，第二个项目将向上滑动，依此类推。 所有列表项都会始终显示，因此不会只是显示一些列表项然后滚动我希望这是有道理的，我认为这会很简单。我也希望它能够自动滚动/滑动。我真的很感激任何帮助，我已经花了很长一段时间来解决这个问题。

为了清楚起见，这是一个原始文本表示:

列出李的:

[1]
[2]
[3]
[4]
[5]

变成:

[2]
[3]
[4]
[5]
[1]

和循环。

_{更新:我让它部分地与 jCarousel 一起工作:http://jsfiddle.net/Y9Esg/}

_{唯一的问题是滚动后它仍然在顶部显示 img 的一部分，这应该在最后。而且这个名单似乎还在不断增长？它的长度应该只够容纳 10 项。嗯。}

Answer 1

尝试 jCarousel:http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

您可以通过一些设置使其垂直并循环。

jQuery('#mycarousel').jcarousel({
    vertical: true,
    scroll: 1, 
    wrap: 'circular'
});

编辑 1

您需要保留以下高度和溢出CSS来修复高度:

CSS

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 850px; // This fixes the height
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden; // This prevents the overflow
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 850px; // This fixes the height
}

<强> Demo