1

我正在尝试构建一个与著名 JCarousel 的简单版本完全一样的 javascript 轮播，但我想完全不使用 Jquery。我为什么要这样做？好吧，因为我正在尝试真正学习和理解 javascript 的工作原理。

我一直在寻找一个不使用库的示例，但我找不到任何东西。如果有人能指出我需要的东西，我将不胜感激。

现在，基本上我在构建轮播时的问题与列表中图像的移动有关。所以我将所有图像都放在一个列表中，我有左右箭头的按钮，好的，但是当我触发事件时，我只是不知道从哪里开始向左或向右移动所有图像......

有什么线索吗？

谢谢！

4

1 回答 1

3

您可能会找到使用库的示例，因为其中一些内容非常密集。理论上，您需要制作一个非常宽的 div，其中所有图像水平排列，然后在按钮按下时，设置 div 的 css 左侧位置以添加或删除图像宽度的值。库非常擅长将按钮点击连接到回调函数，查询和设置元素的 css，测量元素的宽度，以及操作 dom 以获取（例如）<li>标签列表并将其制成非常宽的 div。添加图形设计约束，虽然我赞赏并尊重您手工完成的愿望，但您将花费很长时间重新发明轮子。

于 2012-05-03T00:16:45.837 回答