I';我不是Javascript专家。。如何制作Jquery旋转木马';一张接一张的图片幻灯片?

I';我不是Javascript专家。。如何制作Jquery旋转木马';一张接一张的图片幻灯片?,javascript,jquery,html,slider,carousel,Javascript,Jquery,Html,Slider,Carousel,我几乎没有使用JAVASCRIPT的经验,所以我搜索了很多带有左右箭头和lightbox(fancybox)的旋转木马最后我找到了。。。但当我单击向左或向右箭头时,所有图像行向左或向右滑动。我需要它正常地一张一张地滑动。请问我如何修改它 我已经完成了将旋转木马复制到我的网站,但唯一的问题是所有图像行都会左右滑动。。。因此,当用户单击左键时,当前的四个图像将被替换为接下来的四个图像 在这里很难编写所有需要的代码,我认为其他Javascript文件会对最终结果产生影响。因此,我附上了所有需要的文件

我几乎没有使用JAVASCRIPT的经验,所以我搜索了很多带有左右箭头和lightbox(fancybox)的旋转木马最后我找到了。。。但当我单击向左或向右箭头时,所有图像行向左或向右滑动。我需要它正常地一张一张地滑动。请问我如何修改它

我已经完成了将旋转木马复制到我的网站,但唯一的问题是所有图像行都会左右滑动。。。因此,当用户单击左键时,当前的四个图像将被替换为接下来的四个图像


在这里很难编写所有需要的代码,我认为其他Javascript文件会对最终结果产生影响。因此,我附上了所有需要的文件。

首先,我建议您按照此说明练习实现旋转木马(请确保相应地合并了引导4)

我使用旋转木马的经验是,您必须在每个图像中嵌套
,以控制它们的位置和滑动。我必须为我的旋转木马创建每个图像的容器,所以至少有三层深。如果每张幻灯片仅使用图像,则可以仅使用
div
容器

现在,如果您也使用LightBox框架,那么可能会有相互冲突的javascript函数。我的建议是,如果你真的想要旋转木马,只需单独使用图像,然后通过CSS脚本对其进行相应的样式设置,而不使用Lightbox。否则,它将深入javascript并进行自定义调整。

se尖括号强制链接:您看到了吗


谢谢你的回复。对不起,我不确定我是否理解你的意思,你的意思是我必须将每个图像放在一个单独的div?中,我看了一下,发现类为“item”的div包含四个图像,每个“item”幻灯片包含所有图像。所以我必须用“item”类将每个图像放在div中,使它们一个接一个地滑动?没问题!对我认为您需要将每个图像分割成自己的
,例如,查看我在Bootstrap 3旋转木马开头的代码,如果您查看项目(从第111行开始,第二个在126行…),您可以看到每个项目有四个
,但我在每张幻灯片上有两列(图像和详细信息框)。因此,每个图像可能只需要一个div。实验看看会发生什么。我看了看你的代码。。。看起来滑动的想法是一样的,但我想它更接近于幻灯片。我试着用我的旋转木马做同样的事情&用item类将每个图像放在一个单独的div中。结果是旋转木马行仅包含一个图像,当我单击左箭头或右箭头时,所有旋转木马都会滑动。我认为我们需要用JAVASCRIPT的“命令”修改一些东西。我们需要知道JAVASCRIPT代码的哪一部分告诉浏览器滑动所有图像,而不是一个image.Hm。我没有下载你的zip文件。我不喜欢那样做。如果可以,请将其上传到Github,以便我可以克隆它并查看。如果我能创造出我们想要的效果,我就可以对你的代码进行拉拽,你就能准确地看到发生了什么变化。如果我们使用这种类型的“代码通信”,对社区来说也更“友好”。我完全理解你下载它的不适。我将处理这个Github过程&如果我自己无法解决它,我将再次处理它。到目前为止,我真的很感谢你的帮助!我已经有了传送带代码&它可以工作了。。。我只需要修改图像的移动。它应该一张一张地滑动图像,而不是每次单击都滑动所有图像
enter code here