问题标签 [carousel]

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 回答
1542 浏览

jquery - jQuery - 尝试创建图像的“无尽幻灯片”

我正在尝试创建一个无休止的图像幻灯片,如下所示:

  1. 在窗口中滑动图像
  2. 当到达最后一个图像时,它从图像的开头开始

这是我当前的代码:

setInterval() 的原因是为了创建一个无穷无尽的动画。

根据 Firebug 的说法,UL 向左滚动 500 像素然后停止……然而,LI 成功地四处移动。第一张图片被放置在幻灯片的末尾并继续播放。

我只需要弄清楚为什么动画不会继续滑动 UL。

0 投票
3 回答
2022 浏览

jquery - 像脚本一样的jQuery覆盖流?

我正在寻找一个 javascript(最好是 jQuery)脚本,它可以模拟类似覆盖流的效果 - 但不太像覆盖流。我做了一个简单的例子来说明我在这里想要达到的目标:

替代文字 http://img197.imageshack.us/img197/7296/exampleh.gif

黑色是当前焦点所在的主图像 - 主照片旁边有一个上一个和下一个链接。2 个紫色框说明了上一张和下一张图像。它们略微淡出,黑框下方/中的部分被隐藏,因此只有部分图像可见。当时只能看到 3 张图像,并且只有一张完全可见的图像(中间的 on)。

我已经尝试查看 jQuery 轮播和一些 Coverflow 插件 - 但我发现没有一个似乎能够满足这些需求 - 这里的任何人都有一个想法或链接到一些可以产生上述内容的代码?

谢谢

0 投票
2 回答
3833 浏览

jquery - jQuery carousel - auto expand height

I have a functional vertical jquery carousel as i have tweaked and modified the script and example found here: http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

Instead of images, i am using text as list items. this script uses an fixed height style, and i am trying to incorporate an auto expand height feature. To collapse and expand based on the content within the li.

i have tried a few things with the css like setting certain elements to height:auto; or height:100%; but does not seem to work.

would anyone have a tidbit on where i should focus my attempts on how to make this auto expand and collapse based on content? should i be tweaking the javascript and not the CSS?

just looking for insight.

0 投票
1 回答
542 浏览

jquery - Jquery 轮播问题

我正在使用 Jquery 的 Just Another Carousel 插件,我遇到了一些我不确定的问题,因此它无法正常工作。我使用这个插件是因为我需要固定高度而不是固定宽度。

有什么帮助吗?

0 投票
2 回答
1898 浏览

javascript - 有谁知道我在哪里可以找到 carousel.us JavaScript 3D Carousel 的代码?开发者网站已关闭

有谁知道我在哪里可以找到 carousel.us JavaScript 3D Carousel 的代码?开发者网站 ( http://www.piksite.com/carousel.us/ ) 已关闭。我看到它在文章和教程中到处引用,但到目前为止,除了从现在只是广告的那个网站之外,还没有找到要下载的实际代码。

客户想要那个特定的东西,从头开始编码是没有意义的。

谢谢。

0 投票
1 回答
748 浏览

jquery - 按 jquery-just-another-carousel 上的元素数量滚动

可以滚动固定数量的子项,这些子项将在 jquery-just-another-carousel 的配置中指定。

就像当我们单击 Next 或 Previous 链接时,轮播将滚动 2 个子项。

http://intrepidstudios.com/projects/jquery-just-another-carousel/documentation.aspx

0 投票
1 回答
1670 浏览

jquery - jquery-infinite-carousel - 跳转 3 个项目而不是 1 个

过去成功使用jquery-infinite-carousel但对于我当前的项目,我需要它永远循环并且一次跳转 3 个项目。它是如何工作的示例,一次跳 1次

};

0 投票
1 回答
326 浏览

jquery - 使用带有轮播的 jquery 自动完成功能进行预览和选择

我已成功使用 jquery 自动完成功能根据用户输入显示匹配图像列表。由于潜在匹配的数量,用户体验不是很好——即使是相当规范的输入。

我在诺基亚http://www.nokia.co.uk/support/download-software/device-software-update找到了这个例子(我知道它是用闪存写的),这将为我提供理想的界面试图达到。

有没有人有任何使用 jquery 自动完成作为起点的指示?或者更好地了解提供此功能的现有 javascript 库?

如果这很重要,我正在使用最新版本的 jquery。

谢谢,戴夫。

0 投票
3 回答
945 浏览

jquery - 在同一页面上使用 2 个不同的 jquery 版本

我正在将此 jquery 插件用于轮播控制器http://sorgalla.com/projects/jcarousel/,它基于 jquery 版本 1.2.1

我还需要在页面上有标签,但是当在页面中包含当前的 jquery 版本时,轮播停止工作。

有没有办法让他们一起生活在同一个页面上,或者有没有办法让标签在版本 1.2.1 下工作?

我宁愿不在另一个插件上重建轮播,因为这个已经被蒙皮并且可以根据需要工作。

我尝试使用 jQuery.noConflict,jcarousel 控制器仍然无法正常工作。

0 投票
1 回答
1099 浏览

jquery - 寻找一个 jQuery 插件,它可以在鼠标悬停和循环中连续滚动 HTML 内容

我查看了许多不同的 jQuery 插件,我认为我可以对其进行调整以按照我想要的方式工作,但到目前为止都没有成功。我不确定是否有满足这些要求的插件,或者我是否应该自己编写(尽管我有点新手!)。

要求:

  • 在循环/轮播中向左/向右无限滚动 HTML 容器
  • 滚动动作由鼠标悬停在箭头上触发
  • 在鼠标悬停期间滚动动作必须是连续的(即在每个容器之后不会暂停)
  • 容器数量灵活