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

ios - 圆形滚动视图

我已经实现了一个圆形滚动视图。

它工作正常,但有时滚动视图代表没有被调用。

我已经附上了代码,其中的错误是什么......

0 投票
1 回答
1636 浏览

internet-explorer-6 - 带有ie的div透明背景

我尝试使用下面的轮播结构

旋转木马

问题是背景(左侧带有描述的链接)半透明,它适用于除 ie6 之外的 Opera、firefox、chrome、safari。ie6显示它没有那个transparentcy。如何更改为显示为其他浏览器?

0 投票
2 回答
1299 浏览

javascript - 用javascript创建一个轮播?

我想创建一个轮播,如果用户按下 prev 和 next ,则只应显示图像及其相关文本。就像第一个项目是 Image1,This is Image1 应该显示文本,然后如果用户按下下一个 Image2 并且应该显示 This is Image2。

下面是我的代码

谢谢

0 投票
1 回答
287 浏览

jquery - 自定义 jQuery 滑块的奇怪行为

我认为使用 jQuery 创建我自己的自定义内容滑块会很容易,并设法创建了一个不错的滑块。在滑块包装器中,我有一个滑块内容和滑块列表。滑块仅显示三个内容区域之一。

这是滑块的 HTML:

#featured_content是内容div#featured_list是列表div

这是CSS:

这是jQuery代码:

问题是,即使第一项(item-3)可见,文本也是不可选择的,但它下面的图层是可选的。尝试单击我设置的此测试页面上内容区域中的链接:

http://dev.drumroll.no/jquery-slider-fail/

0 投票
1 回答
1135 浏览

jquery - 修复 jquery 水平滚动条(简单)

我知道那里有一些非常漂亮的轮播,但我想要一个非常具体的,模仿你看到的大多数闪光轮播。

这是看起来的样子:valuems.com/wp-content/uploads/2009/02/menu/final.htm

这是文章:valuems.com/scroll-menu-jquery/

现在,如果你在底部看到我的(Gideon)评论,这件事只有一个问题,如果我在包含的 div 中添加很多图像,它就会完全混乱,图像流到下一行文件。暂时我用 2 个 div 像这样实现它:www.giddy.co.in 但对于我的新网站,我只需要一行图像。

此外,在我的版本中,底部的文本/标题不显示!

非常感谢

基甸

0 投票
1 回答
1581 浏览

jquery - Jquery返回数组中每个项目的索引号并将该索引设置为Rel Attribute Infinite Carousel

我正在尝试操纵 Jquery Infinite Carousel 根据当前显示的图像动态调整图像容器的大小。我需要获取包含当前图像的 Li 元素的索引,但问题是 Infinite Carousel 会自动删除并重新排序 Li,这意味着它们的 EQ() 属性会不断变化。

所以,我需要在页面加载时根据它们的索引位置为它们分配一个 REL 属性,在幻灯片开始之前,Infinite Carousel 重新排序 Li 的。

基本上,我的 Html 是这样的:

我需要在页面加载时使用 jquery 使它成为这个:

我在 jQuery API 上研究了一堆,但我不知道要使用哪个属性或属性组合:

谢谢你的帮助!

0 投票
1 回答
3852 浏览

javascript - javascript移动框的自动播放

请访问: http: //gati.simptome-remedii.ro/。如您所见,标题中有轮播效果,单击箭头或按左/右键后,它会前进和后退。我需要它来自动播放,所以我需要一个自动滑动效果。时间间隔应该是 5 秒(我想我可以稍后设置)。

这个轮播效果使用 jquery-1.3.1.min.js 和 slider.js 。

滑块.js

我真的很期待收到答复。

谢谢 !

问候,拉兹万。

0 投票
3 回答
5737 浏览

gwt - GWT 轮播小部件

我目前正在开发一个 GWT 项目,我需要在其中使用“轮播”小部件。carousel 小部件应该显示信息片段和 2 个箭头 - 当用户单击其中一个箭头时,内容将通过动画移动并替换为新内容。

我一直在查看可用的小部件库,但“轮播”小部件似乎并不可用。我发现的唯一真正的候选者是 gwt-yui-carousel 小部件(见下面的链接),但这似乎是资源的超载 - 虽然它几乎完全符合我的需要,但我不会显示简单的图像,而是以 MVP 术语显示视图/演示者。

这是正在运行的小部件:http: //gwt-yui-carousel.googlecode.com/svn/trunk/www/com.gwtyuicarousel.javascriptload.JavaScriptLoad/javascriptload.html

(来自这里:http ://code.google.com/p/gwt-yui-carousel/ )。

有没有我不知道的更好的轮播小部件?或者我应该扩展现有的以创建所需的效果?你会推荐使用 gwt-yui-carousel(我不这么认为)吗?如果没有更好的选择,您认为自己创建小部件是个好主意吗?

请注意,我认为关键是,在这里,我必须显示演示者/视图,这将在箭头单击等时在数据库中获取数据 - 因此需要对现有小部件进行自定义,或者选择小部件应该能够显示 GWT 小部件列表。

同样,我不认为我可以使用现有的常用轮播小部件之一,因为它们不是“面向 gwt”的,并且不能支持视图/演示者和所有这些 gwt 的东西;)

任何答案将不胜感激:)

此致,

尼尔斯

0 投票
1 回答
1814 浏览

jquery - jQuery 图像轮播 - 如何重复图像?

我用 jQuery 编写了一个图像幻灯片,它根据鼠标悬停在图像上的位置加速/减速。

我想让图像在幻灯片结束时“重复”。所以用户滚动幻灯片,它到达图像 LI 的末尾,然后从头开始无缝重复。

这是当前代码:

jQuery

HTML

滚动条有效,速度/方向与覆盖的 DIV 按钮配合得很好。我要重复的 animate() 回调很慢,有问题而且很糟糕:/

我过度使用 .stop() 看起来也是一个潜在的问题 >.<

有任何想法吗?

0 投票
2 回答
1421 浏览

jquery - jQuery Roundabout IE 图像像素化

http://lunatestsite.co.uk ,我在主页底部附近的 jQuery 环形交叉路口在 IE7 和 8 中存在问题 - 书籍封面图像模糊/像素化。

IE图像显示问题

建议与 IE 中的 em sizing 是它的根源有关,但我并不真正理解在那里得出的结论。我不认为不透明度是一个问题。

非常感谢任何帮助,这或多或少是本网站更多清单的最后一个!

谢谢

编辑:通过在 roundable-movable-item 和 roundabout-movable-item img 的高度和宽度 em 声明之前重置为 font-size: 1em 来修复。现在在IE7和8中工作。