如何实现高级Javascript内容滑块？

Question

我是一名负责实现类似于以下模型的水平JS滑块的设计师（按左右箭头按钮查看我的目标）：

http://hovenftp.com/spinscroll/scroll1.html （可能需要一些时间来加载）

我已经做了很多谷歌搜索找到了一个我可以调整以实现类似功能的库，但我没有运气。我的JS技能非常缺乏，所以我不知道从哪里开始从头开始构建它。我猜测涉及绝对定位的东西，条件可以处理蓝色选择器的移动，但是专辑也需要左右滚动。

任何帮助或提示都将不胜感激。

Answer 1

bxslider怎么样？查看Examples -> Multiple slides at once

Answer 2

html结构就像这样;

div.viewport -> wrapping the whole slide and defining the 'viewport' of your slider
    div.slider -> this wraps all the single images and has a width of 900000px
        div.img -> this wraps the actual image and has a blue border on 'selected'
        div.img -> another
        div.img -> and another..

你的javascript会计算div.img并计算div.slider宽度。然后，您将始终检查活动div.img是否在div.viewport中，如果没有，请设置div.slider的左侧或左侧边缘样式，以便在视口中。多数民众赞成我如何为我工作的新闻公司开发滑块（www.20min.ch）

Answer 3

我喜欢使用Cycle这样的东西。重量轻，文档齐全，易于定制，以满足您的需求。