3

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

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

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

列出李的：

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

变成：

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

和循环。

更新：我让它部分使用 jCarousel：http: //jsfiddle.net/Y9Esg/

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

4

1 回答 1

0

试试 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
}

演示

于 2012-12-09T21:50:48.340 回答