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

Question

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

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

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

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

Answer 1

bxslider 怎么样？检查 示例 ->一次多张幻灯片

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 的 left 或 margin-left 样式，以便其位于视口中。这就是我为我工作的新闻公司开发滑块的方式 (www.20min.ch)

Answer 3

我喜欢使用 Cycle 来做这样的事情。轻量级、文档齐全且易于定制以满足您的需求。