问题标签 [jcarousel]

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 投票
6 回答
17707 浏览

javascript - 带有 jcarousel 的多行

我正在尝试使用 jcarousel 构建一个具有多行的容器,我尝试了一些事情但没有运气。任何人都可以就如何创建它提出任何建议吗?

0 投票
4 回答
9135 浏览

javascript - 内容宽度未知的 jCarousel

我正在尝试为 jQuery 使用 jCarousel 插件,以便为我的网站用户提供可滚动(水平)的内容。

我提到的内容基本上是用户定义<li>的元素,其样式使它们具有标签的感觉和外观。所以基本上我正在尝试实现与 pageflakes.com 中的选项卡相同的效果。正如您可能想象的那样,用户正在自己创建选项卡并提供选项卡名称。

jCarousel 需要您为内容指定固定宽度,例如,它们的所有示例都基于具有固定高度和宽度的图像。但在我的情况下,我无法控制用户将他/她的标签命名为什么......这让我无法猜测总容器 div 的宽度。

我尝试使用一种愚蠢的方法,例如以编程方式猜测宽度,假设每个字母大约为 5 个像素,并将 5 乘以它们作为选项卡名称给出的单词的长度。即使在这种情况下,我也需要动态操作 css 文件,我不知道该怎么做,即使这样做是可行的..

任何解决方案表示赞赏...

上面的 html 是通过 ajax_tabs_output.aspx 以编程方式生成的,加载到一个 javascript 数组中,而 jCarousel 负责其余的工作。

0 投票
1 回答
952 浏览

jquery - 在 jcarousel 中使用 'offset' - 通过类名

我正在尝试设置 jcarousel,以便缩略图通过类名进行偏移。示例:十二个缩略图的列表,其中 class="active" 的一个缩略图显示为 jcarousel 容器中的第一个可见缩略图。

0 投票
1 回答
496 浏览

jcarousel - jCarousel,即时获取数据

我想使用 jCarousel,并且我希望能够通过 Ajax 调用即时获取下一批图像(如果尚未下载)

jCarousel 站点上的 Ajax 示例似乎显示了使用 Ajax 加载的整个项目集。如果它们还不存在,我只想加载下一组。

看来我需要使用这种方法,itemLoadCallback. 有人能证实这一点吗?

TIA

0 投票
6 回答
8237 浏览

javascript - jCarousel 不工作

我已经为此努力了好几个小时。我的 jCarousel 设置几乎与他们的“简单”示例相同,而且我没有得到任何滚动。如果您将容器的宽度设置得更高,您可以看到所有图像垂直而不是水平堆叠在一起,但 UL 采用了正确的“水平”类。

帮助!

http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/

0 投票
1 回答
1006 浏览

jquery - 我在 css 和 jcarousel lite 中遇到了麻烦

我有这样的 HTML 代码:

这是我的包装类和图像的css代码,当我在标题右类中将属性位置:绝对更改为位置:相对时,标题出现但不是图像。我只想在此剪辑图像上方显示视频剪辑时间的标题。它在 Firefox 和 Chrome 中运行良好,但在 IE 中运行良好。有人遇到问题,请告诉我如何修复此错误。

非常感谢!

0 投票
2 回答
3038 浏览

php - 如何将 jCarousel 与 PHP 函数一起使用?

我仍在学习 PHP 和 jQuery,在我看来,这似乎是一件相当复杂的事情。

我想要做的是使用 jCarousel 的 textscroller 功能来显示由 PHP 函数生成的 URL 列表,而不是为 jCarousel 编写的 XML 提要和 URL。(演示:http ://sorgalla.com/projects/jcarousel/examples/special_textscroller.html )

我想使用的 WordPress PHP 函数为 WordPress 类别中的部分或所有帖子生成带有一些 html 标记的 URL 列表。

结果,我认为我不需要jCarousel的XML函数或html创建者函数,也不需要截断字符串。

那么,是否可以在 jQuery 函数中包含 PHP 函数,或者让 jQuery 函数从 PHP 函数中检索 URL 列表,类似于向 jCarousel 提供 XML 提要?我需要使用 jQuery-PHP 库吗?http://jquery.hohli.com

任何答案将不胜感激。- 标记

这是使用 XML 提要的 jCarousel 函数:(我省略了文档就绪函数)

而这个 WordPress PHP 函数:

生成这样的html:

这是我希望 jCarousel 文本滚动器显示的 html。

0 投票
1 回答
2258 浏览

php - 带有 Ajax 和 PHP 的垂直 jCarousel

谁能帮助我如何使用ajax实现垂直jCarousel。

0 投票
4 回答
5637 浏览

safari - Jcarousel lite 没有显示在 safari 和 chrome 的页面加载中

我在 WAMP 上运行的主页上使用了这个插件。它适用于除 Safari 和 Google Chrome 之外的所有浏览器。在那些浏览器中,当我第一次加载页面时,轮播不会出现,当我点击重新加载时也不会出现。当我通过页面导航链接导航到主页时,它会显示出来。

有什么想法可能导致这种情况吗?

谢谢,杰里米

0 投票
1 回答
1314 浏览

javascript - jCarousel 问题 - 悬停图像不透明度设置

到目前为止,我已经让 jCarousel 显示,并通过 txt 文件加载图像,

我想要做的是一次显示 4 个图像,然后当用户将鼠标放在其中 1 个图像上时,其他 3 个图像将不透明度淡化到 30%。然后,如果他们将鼠标移动到它旁边的图像上,我希望该图像为 100% 不透明度,而其他 3 个图像为 30% 不透明度。

所以鼠标悬停的图像总是 100% 的不透明度,其他的都是 30%,所以它很突出。当用户将鼠标移出 jCarousel 框时,我希望所有图像都显示 100% 的不透明度。

我正在使用与此类似的代码

谢谢。

编辑

抱歉,我之前应该添加代码,这里是:http : //pastebin.com/m54cd73d8 这是我到目前为止所拥有的 nickrance.co.uk/jcarousel/dynamic_ajax.html 它有点工作,它淡化了不活动的图像,但我认为当鼠标移出 jCarousel div 时,它需要一个 mouseout 事件来恢复所有图像的不透明度。此外,它似乎只适用于前 4 张图片,我在轮播中有 10 张图片,其他的似乎没有做任何事情:s

新当前代码: 到目前为止