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

我负责执行水平JS滑块类似于后续样机（按左右箭头按钮，看看我的目标）的设计师如何实现高级Javascript内容滑块？

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

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

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

来源

2012-02-10 Nylira

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

来源

2012-02-10 08:11:32 elclanrs

我实际上现在使用bxslider。尽管如此，它并没有做我所需要的一切。在左右滑动相册时，移动蓝色的“选择器”是不可行的。 – Nylira 2012-02-10 10:52:45

蓝色选择器应该如何工作？难道你不能把它设置为css悬停？ – elclanrs 2012-02-10 16:43:03

蓝色选择器应该从＃1开始，并在点击右箭头时移至＃2。然后＃3，然后专辑向左滑动1，然后＃4，然后＃5。 – Nylira 2012-02-11 03:40:48

好的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）

来源

2012-02-10 08:18:49 japrescott

我喜欢使用Cycle这样的东西。轻量级，记录完整且易于定制以满足您的需求。

来源

2012-02-10 08:18:54

我在很多项目中使用Cycle。虽然它可以处理专辑封面的横向循环，但我仍然需要能够移动蓝色“选择器”方块的东西。 – Nylira 2012-02-10 10:54:41

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

回答

相关问题