jcarousel水平滑块有两行

Question

我已经下载了jcarousel滑块但是我想要出现两行，并且在点击下一行或上一行时两行应该同时移动，我不知道javascript和jquery的概念所以请告诉我要采取的步骤。 提前致谢

Answer 1

你的意思是你需要2个滑块。如果你点击第一个滑块的下一个/上一个箭头，那么两个car都应该受到影响。是这样吗？

如果是，那么你必须尝试使用​​carousal的内置功能进行自定义。

1. 在代码中添加2个carousal滑块
2. 隐藏第二个滑块的carousal滑块箭头

3. 现在为第一个滑块箭头进行保留。即触发第二个 触发第一个滑块时滑块。你可以尝试把你的 carousal函数内的代码：

   $（'。jcarousel'）。on（'jcarousel：scroll'，function（event，carousel，target，animate）{     //“this”指的是根元素     //“carousel”是jCarousel实例     //“target”是传递给scroll方法的目标参数     //“animate”是传递给scroll方法的animate参数     //指示是否要求jCarousel进行动画制作 }）;

您可以在此处找到各种自定义功能：http://sorgalla.com/jcarousel/docs/reference/events.html

Answer 2

你想在第二行显示什么？

它是当前图像的一些信息，如描述或计数，例如 2 7 或另外一组图片。

如果是info（description），您可以在jCarousel容器之后创建一个div，并在next和previous按钮单击回调函数上更改div的内容。

发布一些代码以获得清晰的图片