问题标签 [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 投票
2 回答
2943 浏览

jquery - 你如何停止 jCarouselLite 自动播放?

一旦 jCarouselLite 到达可滚动列表的末尾,我想停止它的自动播放。现在发生的事情是我到达列表的末尾,单击后退按钮,然后它继续自动播放。

0 投票
1 回答
561 浏览

javascript - 为什么我的 jQuery 图像大小调整代码只能间歇性地工作?

第一篇文章。我已经在高处和低处搜索过类似的问题,但空手而归,所以就这样吧。

我目前正在使用少量 jQuery 来按比例缩放图像集合以显示在图像轮播中(感谢 SO 用户提供的大部分代码)。轮播由 jCarousel Lite 插件(此处)提供支持。我有 4 个不同的图像集,它们是使用导航菜单选择的。选择新的图像集时,以下jQuery调整代码的大小在集合中的每个图像上执行,然后使用#slider div内的新大小的图像初始化图像转盘。

问题:此代码仅在某些时候有效,似乎是随机的。当滑块初始化时,如果图像没有成功缩放,所有宽度都增加到最大宽度,从而裁剪图像的底部。这个问题对于纵向图像尤其明显,因为滑块是为横向图像(900px x 600px)设计的。无论订单或点击、窗口大小或浏览器如何,我都无法确定导致代码成功与否的原因。

任何想法为什么此代码会随机成功执行?

0 投票
1 回答
456 浏览

jquery - jCarouselLite - 强制列表项到单行

我在我正在构建的网站的列表中使用 jCarouselite。它工作得很好,但问题是由于某种原因,脚本导致列表项停止堆叠。

我的意思是 - 而不是这个:

我得到这个:

当我删除脚本时它工作正常,但是有了它,它迫使它们全部到一个“行”上。我查看了脚本,无法弄清楚是什么部分将它们全部放在一行上。

这是脚本:http ://www.trekradio.net/dev/wp-content/themes/tr2012/js/jcarouselite_1.0.1.js

您还可以在 Heaer 的“Whats On”部分查看该问题的演示:http ://www.trekradio.net/dev/ (此站点正在建设中,请原谅其状态)。

编辑:在脚本中将“垂直”选项设置为“真”会将轮播滚动更改为垂直并显示这样的列表项,这不是我想要的:

0 投票
2 回答
563 浏览

jquery - 如何在 3 个元素上循环上课

我正在使用jCarouselLite在 3 个元素之间循环。我已经设置了插件来做到这一点,包括滑动到每个元素的 3x .bulletX,即项目符号 1 滑动到元素 1,等等。

但是我想要的是循环类.active.bulletX指定正在显示的元素,类似于 nivoslider。

我觉得我可以用.addClassand做一些事情.removeClass,但我无法完全理解循环的语义。

.active.bullet2手动应用

在此处输入图像描述

编辑完整的 HTML

0 投票
1 回答
1008 浏览

jquery - JQuery 缓和与 JCarouselLite 的冲突和

几天来,我一直在研究并试图解决这个问题。

我正在使用带有嵌套级别和 JCarouselLite 的 Bullet List Accordian Menu。

冲突似乎与 JQuery.easing 相关:
* ddaccordian 适用于 jquery.easing.1.3.js - 但不适用于 1.1
* jcarousellite 适用于 jquery.easing.1.1.js - 但不适用于 1.3

我也尝试过使用:
* var $j = jQuery.noConflict()- 无济于事。
* jquery.easing.compatibility.js(在这里找到:http: //gsgd.co.uk/sandbox/jquery/easing/)也没有工作。

以下是我的标头代码:

0 投票
1 回答
783 浏览

jquery - 如何在运行时在 jCarouselLite 上添加元素?

我很难做到这一点。我想ul在运行时添加元素,但这在 jCarouselLite 上无法正常工作。
当我添加li元素时,它只是在底部添加但不与流对齐。

为了让您明白我的意思,请参阅此处的代码

希望有人能帮忙。

0 投票
1 回答
204 浏览

php - 如何引入新产品并将它们展示在 Magento 的轮播中?

我有点像 Magento 的菜鸟。我想知道是否有一种方法可以使用 jcarouselLite 在主页上显示新产品?我现在有一个放置器的静态内容。有没有办法拉入新上市的产品并显示在轮播中?如果是这样,我将如何去做?不幸的是,我现在没有可以显示的链接。我感谢任何帮助/建议。

0 投票
1 回答
663 浏览

jquery - 在 HTML 中使用 Transitional Doctype 时,jCarousel Lite 不起作用

我正在使用 jCarousel Lite 作为这个jCarousel Lite的滑块

但是当我把这个

它停止工作。jCarousel Lite 如何与 Transitional Doctype 一起使用?请提供任何帮助。

0 投票
1 回答
74 浏览

slider - 我想做一个自定义滑块

我用jcarousellite做了一个简单的滑块,但我需要做点别的:

我需要第一个可见图像很大我该怎么办?或者我如何选择滑块中的第一个可见图像?

0 投票
2 回答
734 浏览

css - 使用 Bootstrap 将悬停效果剪辑到父级

我正在尝试使用 Bootstrap 和我自己的 CSS 来创建悬停效果。问题是父容器轮播正在剪裁我的悬停效果。

我想要的外观是这样的(将鼠标悬停在具有长描述的项目上):

http://www.ebay.com/sch/Other-/26261/i.html?rt=nc&_dmd=2

这就是我现在的尝试:

在此处输入图像描述

这就是我想要实现的目标:

在此处输入图像描述

我试过覆盖父溢出元素无济于事。

悬停效果需要:

  • 轮播中所有图像的大小相同
  • 覆盖它下面的任何内容

这是小提琴:小提琴

我究竟做错了什么?