问题标签 [jcarousellite]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
881 浏览

jquery - 动态水平扩展 jCarousel Lite 轮播幻灯片脚本

我想使用名为“jCarousel Lite”(http://www.gmarwaha.com/jquery/jcarousellite/)的 jQuery 插件构建一个轮播幻灯片。我已经启动并运行了。诀窍是,我还想构建一个 YouTube 式的“展开”按钮,它可以将幻灯片放大以填满页面的整个宽度。

到目前为止,使用 jQuery,我已经设法构建了这样一个展开按钮。问题是,“下一个”和“上一个”按钮仍然只能滑动轮播第一次初始化时定义的距离。显然,这些需要滑动更长的距离,现在宽度更宽了。

所以基本上我需要的是关于如何在轮播首次初始化后更改“下一个”和“上一个”按钮滑动距离的信息。

0 投票
1 回答
386 浏览

javascript - jCarouselLite 打开/关闭按钮

我有一个非常简单的 jcarousellite 脚本正在工作,但我希望能够在右侧或左侧不再显示任何项目时关闭左侧或右侧按钮。最简单的方法是简单地更改用于我通过 div 使用的上一个/下一个按钮的背景图像。

http://sagescience.com/dev/car_test/

我是新手,有大佬愿意帮忙吗?

0 投票
3 回答
7459 浏览

javascript - 使用 jCarousel Lite 在幻灯片的任一端隐藏箭头

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

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

我想修改轮播,以便在用户单击滚动幻灯片之前的开始状态下,左箭头不存在。这个想法是明智的——不要为用户提供一个什么都不做的按钮,因为轮播不是圆形的,这样制作它不是他们想要的选项。同样,他们更喜欢这样,在轮播结束时,右箭头消失,表示用户只能朝相反的方向前进。

总结一下:

  1. 轮播的初始启动状态只有右箭头可见,向用户指示滚动只能沿一个方向进行。

  2. 在轮播中间,两个箭头都必须存在,以便用户能够向任一方向滚动。

  3. 当在轮播结束时没有更多项目可以滚动时,右箭头必须可见,而左箭头不能,向用户表明他们只能按照他们通过轮播的方式返回。

编辑 [10/14/2010]:事实证明,JCarousel Lite 网页上的文档没有提及此功能,而原始的 jCarousel 插件文档却提及。似乎这个功能并没有被剥离;我假设因为该插件是一个剥离版本,所以这些功能将在文档中明确定义。

TL;DR : 与 jCarousel 非常相似,jCarousel Lite 会自动为您执行此操作。

0 投票
1 回答
1646 浏览

jquery - jCarousel 图像未在 jQuery 滑块中显示

我有一个 jQuery 滑动面板,其中没有显示 jQuery 轮播。

示例:http ://www.warface.co.uk/clients/warface.co.uk/

单击显示仪表板以显示滑动面板。

我有按钮(上一个/下一个)显示,但没有轮播。例如,我还添加了下面的轮播。

我有滑动面板的 CSS

并且似乎删除display: none;修复了它,但在页面加载时将滑块留在了下方。

0 投票
1 回答
365 浏览

javascript - jQuery 似乎同时运行多个调用

抱歉,但显然我对链接的理解不足以解决这个问题......

我正在实现一个 jQuery 轮播插件(jCarouselLite),我正在尝试添加一个选项来“删除”其中一个轮播项目(目前<div class="remove">)......

由于没有干净的方法来“刷新” jCarouselLite 插件(也许我稍后会尝试在实际插件中实现),因此快速而肮脏的解决方法就是重新生成 Carousel。

问题是我试图淡出单击的元素,但是,似乎在淡出(并删除)单击的项目的动画完成之前调用了 refreshDisplay() 。我已经通过注释掉该self.refreshDisplay(itemId);行来验证这一点,它会按预期淡出并删除。

所以我想我需要某种方式来链接它?我已经阅读了几个小时关于链接如何工作的内容,并且我认为我理解它,但显然不是。

任何和所有的帮助表示赞赏,谢谢!

0 投票
0 回答
994 浏览

jquery - 在同一张幻灯片上使用 Jcarousellite 和 Fancybox

我正在尝试在同一张幻灯片上使用 fancybox 和 jcarousellite。我已经让两个脚本独立工作,但是当我把它们放在一起时,它们都不起作用。

我认为可能是脚本冲突,但我见过其他网站同时使用这两种功能。

这是我的页面中的内容:

然后我的图像布局如下:

谁能指出我正确的方向以寻求解决方案?谢谢

0 投票
1 回答
872 浏览

jquery - JS插入DOM元素后如何让jcarousellite绑定?

我在我的一个项目中使用 jcarousellite。这是我到目前为止的代码。

唯一的问题是我的列表项直到

我想在加载列表项后生成我的轮播。我可以为此使用 jQuery 的 .live() 吗?有任何想法吗?

0 投票
1 回答
2225 浏览

javascript - jQuery多行轮播,再次

我需要一个有两行的滑块。在 jQuery google group 中找到了解决方案。

有效,但错误。:) 使用选项“圆形:真”滚动到空白处。发布一个例子来理解我的意思:http ://test.demx.info/carousel/

如何修复它?

0 投票
2 回答
2722 浏览

javascript - 如何使用 jCarousel Lite 获取当前索引?

我正在使用 jCarousel Lite 并且需要获取当前索引(正在显示哪个元素,因为我一次只显示一个项目),因此我可以将“当前”类添加到导航链接。

有谁知道我怎么能做到这一点?

http://www.gmarwaha.com/jquery/jcarousellite

0 投票
1 回答
1734 浏览

internet-explorer-8 - jcarousellite - IE8 滚动间距问题

我在网页 (http://www.marketscout.com/various_sites/symposium11/) 中有 jcarousellite 插件。它使用基于文本和图像的内容垂直滚动。我有我想要的一切,但问题是 IE8 中的滚动从零位置 [li] 标记开始向上几个像素。所以它实际上从最后一个 [li] 开始,并导致每个 [li] 上的停止点稍微歪斜。

我用红色边框为每个 [li] 加上了边框,因此您可以看到起点略微偏离。任何帮助让它像在 Firefox 中一样做出反应都会很棒。在 Firefox 中,滚动条从第一个 [li] 的上边框开始,当它移动到下一个 [li] 时,在上边框停止。出于某种原因,看起来 IE8 正在使用 jcarouselite .js 文件中发生的数学运算。我是一个完整的 JQuery 菜鸟,但是我将下载中的所有 .js 文件都放入了我的文件结构中。

jcarousellite_1.0.1c4.js、jcarousellite_1.0.1.pack.js 和 jcarousellite_1.0.1.min.js

我认为考虑到 IE 在 css 中为边距抛出的额外像素空间有时会解决问题。但事实并非如此。旋转木马的 css 包含在下面。

填充:5px 5px 0;字体系列:Verdana,Arial,无衬线;字体大小:12px;边距:0px 自动;边框:0px 纯蓝色;高度:295px;}

newsticker-demo a { text-decoration:none; }

newsticker-demo img { 边框:0px solid #FFFFFF; }

新贴纸演示 .title {

文本对齐:居中;字体大小:13px;字体粗细:粗体;填充底部:10px;padding-bottom:8px\9; } .newsticker-jcarouselite { 宽度:270px; } .newsticker-jcarousellite li.njl { 列表样式:无;显示:块;填充底部:3px;边距:0px;边距底部:-2px\9;边框:1px 纯红色;高度:62px;高度:64px;} .newsticker-jcarousellite .thumbnail { 浮动:左;宽度:60px;高度:60px;边框:0px 实心#FFFFFF;} .newsticker-jcarouselite .info { 浮动:对;宽度:200px;高度:60px;边框:0px 实心#FFFFFF;} .newsticker-jcarousellite .info span.cat { 显示:块;字体大小:10px;颜色:#808080; } .clear { 明确:两者;}

这是javascript:

这是HTML:

提前感谢您的帮助!