问题标签 [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.
ios - 圆形滚动视图
我已经实现了一个圆形滚动视图。
它工作正常,但有时滚动视图代表没有被调用。
我已经附上了代码,其中的错误是什么......
internet-explorer-6 - 带有ie的div透明背景
我尝试使用下面的轮播结构
问题是背景(左侧带有描述的链接)半透明,它适用于除 ie6 之外的 Opera、firefox、chrome、safari。ie6显示它没有那个transparentcy。如何更改为显示为其他浏览器?
javascript - 用javascript创建一个轮播?
我想创建一个轮播,如果用户按下 prev 和 next ,则只应显示图像及其相关文本。就像第一个项目是 Image1,This is Image1 应该显示文本,然后如果用户按下下一个 Image2 并且应该显示 This is Image2。
下面是我的代码
谢谢
jquery - 自定义 jQuery 滑块的奇怪行为
我认为使用 jQuery 创建我自己的自定义内容滑块会很容易,并设法创建了一个不错的滑块。在滑块包装器中,我有一个滑块内容和滑块列表。滑块仅显示三个内容区域之一。
这是滑块的 HTML:
#featured_content
是内容div
,#featured_list
是列表div
。
这是CSS:
这是jQuery代码:
问题是,即使第一项(item-3)可见,文本也是不可选择的,但它下面的图层是可选的。尝试单击我设置的此测试页面上内容区域中的链接:
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 但对于我的新网站,我只需要一行图像。
此外,在我的版本中,底部的文本/标题不显示!
非常感谢
基甸
jquery - Jquery返回数组中每个项目的索引号并将该索引设置为Rel Attribute Infinite Carousel
我正在尝试操纵 Jquery Infinite Carousel 根据当前显示的图像动态调整图像容器的大小。我需要获取包含当前图像的 Li 元素的索引,但问题是 Infinite Carousel 会自动删除并重新排序 Li,这意味着它们的 EQ() 属性会不断变化。
所以,我需要在页面加载时根据它们的索引位置为它们分配一个 REL 属性,在幻灯片开始之前,Infinite Carousel 重新排序 Li 的。
基本上,我的 Html 是这样的:
我需要在页面加载时使用 jquery 使它成为这个:
我在 jQuery API 上研究了一堆,但我不知道要使用哪个属性或属性组合:
谢谢你的帮助!
javascript - javascript移动框的自动播放
请访问: http: //gati.simptome-remedii.ro/。如您所见,标题中有轮播效果,单击箭头或按左/右键后,它会前进和后退。我需要它来自动播放,所以我需要一个自动滑动效果。时间间隔应该是 5 秒(我想我可以稍后设置)。
这个轮播效果使用 jquery-1.3.1.min.js 和 slider.js 。
滑块.js
我真的很期待收到答复。
谢谢 !
问候,拉兹万。
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 的东西;)
任何答案将不胜感激:)
此致,
尼尔斯
jquery - jQuery 图像轮播 - 如何重复图像?
我用 jQuery 编写了一个图像幻灯片,它根据鼠标悬停在图像上的位置加速/减速。
我想让图像在幻灯片结束时“重复”。所以用户滚动幻灯片,它到达图像 LI 的末尾,然后从头开始无缝重复。
这是当前代码:
jQuery
HTML
滚动条有效,速度/方向与覆盖的 DIV 按钮配合得很好。我要重复的 animate() 回调很慢,有问题而且很糟糕:/
我过度使用 .stop() 看起来也是一个潜在的问题 >.<
有任何想法吗?
jquery - jQuery Roundabout IE 图像像素化
在http://lunatestsite.co.uk ,我在主页底部附近的 jQuery 环形交叉路口在 IE7 和 8 中存在问题 - 书籍封面图像模糊/像素化。
建议与 IE 中的 em sizing 是它的根源有关,但我并不真正理解在那里得出的结论。我不认为不透明度是一个问题。
非常感谢任何帮助,这或多或少是本网站更多清单的最后一个!
谢谢
编辑:通过在 roundable-movable-item 和 roundabout-movable-item img 的高度和宽度 em 声明之前重置为 font-size: 1em 来修复。现在在IE7和8中工作。