我一直在尝试我能想到的所有幻灯片脚本,但我想不出一种方法来做到这一点:
我有一个垂直的图像列表,其中包含一些我想要向上滑动(或向下,不重要)的文本 - 因此第一个项目将转到列表的末尾,第二个项目将向上滑动,依此类推。 所有列表项都会始终显示,因此不会只是显示一些列表项然后滚动我希望这是有道理的,我认为这会很简单。我也希望它能够自动滚动/滑动。我真的很感激任何帮助,我已经花了很长一段时间来解决这个问题。
为了清楚起见,这是一个原始文本表示:
列出李的:
[1]
[2]
[3]
[4]
[5]
变成:
[2]
[3]
[4]
[5]
[1]
和循环。
更新:我让它部分地与 jCarousel 一起工作:http://jsfiddle.net/Y9Esg/
唯一的问题是滚动后它仍然在顶部显示 img 的一部分,这应该在最后。而且这个名单似乎还在不断增长?它的长度应该只够容纳 10 项。嗯。
最佳答案
尝试 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
关于jQuery:通过滑动旋转的图像/文本的垂直列表(第一个图像将转到最后一个图像,等等),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13792181/