繁体   English   中英

我不是Java语言专家..如何使Jquery Carousel的图像幻灯片一张一张地滑动?

[英]I'm Not a Javascript Expert .. How Can I Make a Jquery Carousel's Image Slide One By One?

我几乎没有使用JAVASCRIPT的经验,所以我搜索了很多带有左右箭头和灯箱(fancybox)的轮播。 最终我找到了它……但是当我单击向左或向右箭头时,所有图像行都向左或向右滑动。 我通常需要一张一张地滑动它。 请问我该如何修改呢?

这是一张描述轮播外观的图片

我已经完成了将轮播复制到我的网站的操作,但是唯一的问题是所有图像行都向左和向右滑动...因此,当用户单击左键时,当前的四个图像将替换为下四个图像。

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

首先,我建议您按照此说明练习实施轮播(请确保相应地合并了Bootstrap 4)。

https://v4-alpha.getbootstrap.com/components/carousel/#with-controls

我对轮播的经验是,必须将<div>嵌套在每个图像中以控制其放置和滑动。 我必须为旋转木马为每个图像创建容器,因此至少三层。 如果每个幻灯片只使用一个图像,则可以只使用div容器。

现在,如果您也使用LightBox框架,则可能存在冲突的javascript函数。 我的建议是,如果您真的想要轮播,请仅使用图像,然后通过CSS脚本相应地设置其样式,而不要使用灯箱。 否则,它将深入JavaScript并进行自定义调整。

https://jsfiddle.net/rkrameshkumar71/qs6z1o4u/

这些用于强制链接的尖括号:您看过https://jsfiddle.net/rkrameshkumar71/qs6z1o4u/

enter code here

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM