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

Question

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

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

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

总结一下:

1. 轮播的初始开始状态仅具有向右箭头可见,向用户指示滚动必须仅在一个方向上进行.

2. 中间旋转木马,两个箭头必须存在,以便用户能够向任一方向滚动.

3. 当在旋转木马的末端没有更多的项目滚动时,右箭头必须是可见的,左箭头必须不可见,向用户表明他们只能以他们通过旋转木马的方式返回.

编辑[2010年10月14日]:事实证明,JCarousel Lite网页上的文档没有提到此功能,而原始的jCarousel插件文档确实如此.看来这个功能并没有被剥夺; 我假设因为插件是一个剥离版本,其功能将在文档中明确定义.

TL; DR:就像jCarousel一样,jCarousel Lite会自动为你做这件事.

Answer 1

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

1. 在previmg中添加"禁用"类:

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

2. 添加这一点CSS:

   img.disabled { visibility: hidden; }
   

一旦激活,轮播脚本就会管理"禁用"类.