Question

我正在使用jCarousel Lite，文档可以在这里找到： http://www.gmarwaha.com/jquery/jcarousellite/

我有一个可以使用两端箭头导航的旋转木马。

我想修改轮播，以便在用户点击滚动幻灯片之前的开始状态，左箭头不存在。这个想法是明智的 - 不要向用户提供一个什么都不做的按钮，因为旋转木马不是圆形的，因此它不是他们想要的选项。同样，他们更喜欢它，以便在旋转木马的末端，右箭头消失，表明用户只能朝相反的方向前进。

总结：

轮播的初始启动状态只有右箭头可见，向用户显示滚动只能朝一个方向前进。
中间轮播，两个箭头必须存在，以便用户可以向任一方向滚动。
当在旋转木马的末端没有更多项目滚动时，必须显示右箭头而左箭头不能显示，向用户表明他们只能按照他们通过的方式返回转盘。

编辑[10/14/2010]：事实证明，在原始jCarousel插件文档中，JCarousel Lite网页上的文档未提及此功能。看来这个功能并没有被剥夺;我假设因为插件是一个剥离版本，其功能将在文档中明确定义。

TL; DR ：就像jCarousel一样，jCarousel Lite会自动为您完成此操作。

Answer 1

这似乎是一个非常简单的修复：

在prev img：

中添加“已停用”课程

<img class="prev disabled" src="images/projects-prev.png" />

添加这一点CSS：
```
img.disabled { visibility: hidden; }
```

轮播脚本在激活后管理“禁用”类。

Answer 2

你需要这样做：

$(".projects-slideshow").jCarouselLite({
  btnNext: "#projects .next",
  btnPrev: "#projects .prev",
  visible: 4,
  circular: 0,
                beforeStart: function() {
                $("#projects .prev").hide(); //$(this.btnPrev).hide(); may work and is neater
                },
                afterEnd: function() {
                $("#projects .next").hide();
                }
 });

Answer 3

.jcarousel-prev，.jcarousel-next { visibility：hidden的; }

使用jCarousel Lite隐藏幻灯片两端的箭头

3 个答案: