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

jquery - jQuery 3D 图像+按钮轮播

我正在寻找一个 3D 轮播(如http://www.professorcloud.com/mainsite/carousel.htm但是我需要它来允许每个图像带有相应按钮的图像。

例如:

我需要一个产品轮播,每个产品都需要相应的 Facebook Like按钮。似乎当我在功能上方的轮播中添加直图像以外的内容时!请让我知道这是否可能,或者我是否只需要推倒创意团队并说这是不可能的(我猜是这种情况,因为尺寸按钮的数学可能会破坏)。

或者即使最前面的汉堡处于焦点位置,然后在前面显示它的 FB Like 按钮。我可以使用上述插件之一来做到这一点吗?教授云版似乎没有返回哪个项目在前面的“钩子”。我有初级到中级的 jQuery 知识。;) 谢谢!

0 投票
1 回答
481 浏览

jquery - 如何将 JQuery 框添加到轮播

我正在尝试向这个轮播添加一个 jquery 框

http://jsbin.com/iduyu

这是来源

http://jsbin.com/iduyu/edit

我正在尝试添加标记每个之后它停止工作。我不确定是否应该进行更改以添加一个框(灯箱或任何其他具有下一个和上一个按钮的框)

感谢您的任何指导和帮助。

0 投票
1 回答
1862 浏览

jquery - 使用 jQuery Cycle 创建分页轮播?

我正在为一个小画廊使用 malsup 的惊人的jQuery Cycle插件。我用这段代码创建了缩略图分页:

我想做的是使用 Cycle 的内置“scrollHoriz”效果使分页成为水平轮播,但我不知道如何!我可以使用 jQuery Carousel 插件,但是当我确定 Cycle 有这个功能时,添加一个全新的插件似乎很愚蠢。有人做过吗?关于我如何去做的任何建议?谢谢!

0 投票
2 回答
1388 浏览

jquery - jQuery Carousel 插件在点击时滚动到第一项

我正在使用这个 jQuery 插件:http ://www.thomaslanciaux.pro/jquery/jquery_carousel.htm创建一个垂直轮播。

我想做一些类似于分页的事情,点击一个按钮并滚动到相应的框架。但我只想要一个按钮。此按钮将出现在最后一帧之后,并且显示为“返回顶部”。单击它时,它将滚动到轮播中的第一个项目。有人知道我如何轻松触发此事件吗?

0 投票
1 回答
1322 浏览

javascript - 如何使这个轮播实现更好?

您可以在此处查看实现

所以它的作用是自动检测窗口大小并调整要动态显示的图像的大小——这个想法是在所有屏幕分辨率下,比例都是相同的。

以下是我发现的一些问题,我希望解决方案使其更优雅和“流畅”:

  • 它看起来不错并且在更大的分辨率(比如 1280+)下运行良好,但是一旦你尝试在 1024 或更低的分辨率下加载它,它就会开始看起来和运行起来很奇怪。
  • 滚动时,它不会滚动太流畅。
  • 一些对齐的东西是关闭的(即当您切换到“3-up”或“4-up”视图时,最右边图像上的白色边框在 1680 分辨率下消失)。
  • 当您转到 4-up 并滚动到最右侧时,它以奇怪的方式结束,没有显示图像。
  • 有重复的 JS,我知道这不是 DRY,并且会喜欢一种更优雅的方式来实现当前版本对多个“视图”所做的事情。
  • 最初加载后,加载大约需要 3 秒,在此期间您实际上可以看到较小的版本,然后您会看到调整大小的图像何时放在页面上。这对我来说似乎有点“不整洁”,所以我希望它更干净。
  • 加上任何关于我如何“收紧”它并让它更好地发挥作用的提示。

您可以在该反馈页面上查看源代码,但那里有多余的代码,所以这里是相关部分:

HTML:

这是相关的CSS:

这是JS:

顺便说一句,我将 JS 放在 window.load 函数中,因为当我将它放入准备好的文档时它无法正常工作,因为代码必须在调整图像大小之前检测窗口大小 - 如果窗口没有加载它只会停止而不是用正确的图像加载轮播。

我知道这项任务似乎很艰巨,但我真的希望社区能为我完成任务。

谢谢。

编辑:没有人勇敢地刺伤?

编辑 2:我已经做出了 JonP 建议的更改,但是现在我正在尝试解决一些新问题。有人对我如何使其恢复正常有任何建议吗?重新加载上面的链接以查看新版本。

0 投票
1 回答
210 浏览

jquery - 轮播问题

beulahprint.ie

我正在尝试向我的网站添加一个简单的轮播。我是一名平面设计师,对所有这些编码业务都是新手。我有一个为#specialoffers div 工作的轮播。但我想摆脱上一个和下一个按钮,我该怎么做?

另外,如果我将方向更改为水平,我的旋转木马可以工作,但图像 2、3 和 4 不可见,这是为什么呢?

最后,我希望将我的分页编号 1、2、3、4 放入带有翻转的小盒子中。我该怎么做?我什至不知道他们最初是如何到达那里的,因为它们不在我的 html 正文代码中。如何将它们定位在特价商品 div 中我想要的任何位置?

对不起我的无知,还在学习:)

干杯,科尔姆

0 投票
2 回答
1135 浏览

jquery - 简单的轮播

www.beulahprint.ie

我一直在寻找一个没有花里胡哨的基本旋转木马。我是编码新手,所以我发现定制和简化复杂的轮播以满足我的需求非常困难。我在我的网站上有一个基本的工作,但有一些问题我需要帮助:

1)它似乎从它应该在的地方跳下大约 20px 的页面?2) 如何删除上一个/下一个按钮?3)如何将 1, 2 ,3 4 选项卡转换为带有翻转的自定义选项卡并将它们放置在 div 中我想要的任何位置?

我将非常感谢这个家伙。

干杯,科尔姆

0 投票
1 回答
417 浏览

jquery - jQuery:自定义水平手风琴风格展示问题

我正在尝试创建一个定制的水平手风琴风格展示。就实际功能而言,我有框架(可以在这里看到):

http://www.jsfiddle.net/adrianjacob/UdUus/

然而,我的主要错误(和客户)是,如果你看最后一个 li 的右侧,随着宽度的上下动画,总会有轻微的移动/闪烁。

理想情况下,我希望它在最后一项上看起来平滑,并且在其他东西调整大小时没有任何狡猾的移动。知道如何实现这一目标吗?

一个。

0 投票
1 回答
1360 浏览

jquery - Jquery carousel a la Google Chrome Web Store

我真的很喜欢 Google Chrome Web Store 上的轮播。
它美观、整洁且非常有效。
这是一个示例:
https ://chrome.google.com/webstore/detail/cnneehghmdakbiinndechnolpjocoecc

我真的很想在我的网站上用 JQuery 复制它。

我可以使用什么 [稳定可靠的] 插件来实现它,或者至少是非常相似的东西?

我已经知道 JCarousel,但我想要更整洁、更好的东西。

谢谢,

0 投票
2 回答
2390 浏览

java - 如何在Android中做轮播动画?

我有一些图像,我希望它像旋转木马一样循环旋转。如果有人知道,请告诉我如何在android平台上做到这一点......