不带Jquery的Javascript旋转木马

不带Jquery的Javascript旋转木马,javascript,javascript-events,Javascript,Javascript Events,我正试图构建一个javascript旋转木马,就像著名的JCarousel的简单版本一样,但我想不使用Jquery。我为什么要这么做?好吧,因为我正在努力学习和理解javascript是如何工作的 我一直在搜索一个不使用库的示例,但一直没有找到任何东西。如果有人能给我指出一些类似我需要的东西,我将不胜感激 现在,基本上我的问题是,当它涉及到构建旋转木马时,它与列表中图像的移动有关。所以我有一个列表中的所有图像,我有左箭头和右箭头的按钮,但当我触发事件时,我不知道从哪里开始,以便向左或向右移动所有

我正试图构建一个javascript旋转木马,就像著名的JCarousel的简单版本一样,但我想不使用Jquery。我为什么要这么做?好吧,因为我正在努力学习和理解javascript是如何工作的

我一直在搜索一个不使用库的示例,但一直没有找到任何东西。如果有人能给我指出一些类似我需要的东西,我将不胜感激

现在,基本上我的问题是,当它涉及到构建旋转木马时,它与列表中图像的移动有关。所以我有一个列表中的所有图像,我有左箭头和右箭头的按钮,但当我触发事件时,我不知道从哪里开始,以便向左或向右移动所有图像

有什么线索吗


谢谢

您可能会找到使用库的示例,因为其中有些内容非常复杂。其原理是,您需要创建一个非常宽的div,其中所有图像水平排列,然后按下按钮,设置div的css左侧位置,以添加或删除图像宽度的值。库非常擅长将按钮点击连接到回调函数,查询和设置元素的css,测量元素的宽度,以及操作dom以获取(例如)一个
  • 标记列表并使其成为一个非常宽的div。添加图形设计约束,尽管我对您手工操作的愿望表示赞赏和敬意,但您将花费很长时间重新发明轮子。

    我以前使用过此插件。这可能会有帮助:这很公平。谢谢你的回复。