ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2019-06-10 14:22:52  阅读:119  来源: 互联网

标签:jquery javascript jcarousellite jcarousel


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

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

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

总结一下:

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

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

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

解决方法:

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

>在您的上一个img中添加一个“禁用”类:

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

>添加这一点CSS:

img.disabled { visibility: hidden; }

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

标签:jquery,javascript,jcarousellite,jcarousel
来源: https://codeday.me/bug/20190610/1212570.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有