你知道如何像用Jquery放映电影卷轴一样滑动内容吗？

Question

我正在为一个电影制片人实现一个网络方面的工作。客户端请求该页面必须以电影胶片的形式工作。以这种方式想象，

示例图像：

​

​

当我进入“未来”的网页，我是红色的点和电影卷轴在我周围，所以当我点击图片和信息时，应该传递到右边，之前的信息应该在左边。我的意思是，当从顶部菜单中选择一个元素时，包含图像和信息的主容器必须从右边输入，而前面的图像和信息必须从左边出来。

现在的问题是。你知道有什么插件可以这样做吗？

编辑:不，这不是我需要的，我知道什么是旋转木马或图像滑块，但我需要的是一个非平坦的旋转木马，我想要一个旋转木马作为圆柱。我希望看到平面形状的容器(屏幕上的一个矩形)，当它从屏幕上移动时，我想看到它像圆柱形的托盘一样拱起(从它的中心看到它)，新信息以同样的方式进入屏幕的另一边，但方向相反！你知道怎么做吗？

更新

这是一段我需要的视频：-删除的视频(如果有人需要看它，给我发一封电子邮件)

Answer 1

据我所知，对于您的问题有许多解决方案：

1. 使用一些旋转木马插件，或者写一个，因为你需要一些高级的东西(循环和跳转到特定的“幻灯片”)，然后用一些CCS3 (查看reveal.js凹面实例)来增强它。 pro:没有css3d支持的浏览器的优雅退步 内容: CSS3 + javascript
2. 将所有“幻灯片”放置在3D空间，并通过CSS3D旋转场景(例如，通过:目标选择器或js) 康特拉:根本没有退路，我不想知道这在ie7里会是什么样子
3. 使用画布和WebGL或手动顶点转换和纹理处理。 支持:没有CSS3D，支持更多(我认为画布更受支持，如果我错了，请纠正我) contra:没有退路，没有索引，有很多代码，很难依赖js。
4. 闪光灯 pro + contra讨论得太频繁了

离题:不错的设计理念，分享结果。

Answer 2

你看过jQuery卷轴吗

或者对于简单的旋转木马插件，请看在这篇文章。

让我们来看看某物 else，也许它很有用，因为它教会了更多关于HTML5和CSS3的3d用法，这对你来说非常有用。另一个想法，在我的工作中，我们设计了一个基于html5、css3和一个小jQuery.js的在线站点编辑器，它使用canvas元素，它是180°全景图。