jQuery苹果时间机器旋转木马

Question

我正在寻找一个jQuery轮播图，它可以模仿苹果时光机的功能，但是使用两个按钮来进行下一步/上一步，而不是像coverflow中那样点击图像或滑块。但是TM的“多屏幕”效果不会从屏幕/窗口顶部实际堆叠消失到顶部，而是在左边缩小到屏幕右边缘，如果这样说有意义的话。

轮播图理想情况下将用于视频，但更可能只用于加载实际vid的屏幕，或进入专用页面。

有人知道任何示例/演示吗？

我发现的最接近的是这个： Space Gallery 但理想情况下应该是从右侧消失/旋转而不是从顶部，并在按下按钮后逐步进行而不是实际屏幕。

- alkaemia

---

+1给Space Gallery。做得好。 - Adriano Carneiro

我找到了这个或者这个。这是你想要的吗？ - user532231

@daemon_x - 不是很像...更像这个屏幕：http://www.alkaemia.com/images/carousel.jpg - alkaemia

Answer 1

我发现ContentFlow是一个很好的Javascript库，用于执行Cover Flow动画。它默认情况下与Apple的Cover Flow非常相似，但您需要进行一些自定义来使其模仿Time Machine的上下滑动。它具有相当有用的演示和文档，以帮助您完成整个过程。 http://www.jacksasylum.eu/ContentFlow/

- JDutil

Answer 2

我想你可能需要这个：http://www.baijs.nl/tinycarousel/ 在之前的一个项目中，我的需求和你的类似，它对我非常有效。

- Abhinav

---

看起来和要求的完全不一样。也许你可以分享一下你的修改，这样他就能达到想要的效果了。 - Sparky

我稍微修改了tinycarousel的源代码，使得视口（即显示图像的小部件）现在显示重叠的图像，类似于这里建议的方式http://www.highdots.com/forums/cascading-style-sheets/4-common-methods-overlap-2-a-261086.html并且添加了一个onclick事件，以在新的模态窗口中播放视频，当单击图像时。我从alkaemia.com/images/carousel.jpg获得了灵感来回答这个问题。但是，是的，我得到的效果只是重叠，而不是前后过渡，但我认为可以使用这个实现。 - Abhinav