使用 jQuery 或其他库的 Apple Cover-flow 效果？
Posted
技术标签:
【中文标题】使用 jQuery 或其他库的 Apple Cover-flow 效果？【英文标题】：Apple Cover-flow effect using jQuery or other library? 【发布时间】：2010-09-09 04:39:24 【问题描述】：有谁知道如何使用 javascript 滚动一堆图像来实现封面流效果。我不是在谈论 3D 旋转 itunes 封面艺术，而是当您在文档文件夹中按空格键时发生的效果，允许您在 灯箱中预览它们/em> 时尚。
【问题讨论】：
您是指 Coverflow (en.wikipedia.org/wiki/Cover_Flow) 还是 Quick look (apple.com/macosx/features/quicklook.html)？ 该描述明显是 Quick Look（不是 Cover Flow）.. @rickyduck 是的。可能与拼写检查器的拼写错误有关。 不过，事实证明，Coverflow 上的答案范围很广，甚至是最近的答案！ 9/10，将再次搜索。 【参考方案1】：http://www.jacksasylum.eu/ContentFlow/
是我找到的最好的。 一个真正的'CoverFlow'，高度可配置，跨浏览器，非常流畅的动作，具有reelections并支持滚轮+键盘控制。 - 必须是您想要的！【讨论】：
谢谢zack，这确实是我在评估中看到的所有coverflow库中最好的！ 这看起来很棒，但我真的被它要求你修补 DOM 并且因此不可能优雅地降级。 非常感谢这个链接。我找到了其他几个，尤其是这个 - addyosmani.com/blog/jqueryuicoverflow - 但 ContentFlow 绝对是这笔钱的最佳选择。 因为这是操纵高度和宽度值并不断监听 mousemove 事件，所以这个解决方案在移动设备上非常慢。一个性能更优化的解决方案是使用 css3 转换......它是为本地执行此操作而构建的。它在 ie6/7/8 中不起作用，但您可以轻松实现优雅降级或 polyfill 来处理它。 链接在 2017 年已失效 - 我可以在其他地方找到这个吗？【参考方案2】：不确定您是在谈论 Coverflow（滚动图像）还是 Quicklook（在灯箱中预览文件），请尝试编辑您的问题。
以下是一些 JS Coverflow 实现：
MooFlow - Coverflow for MooTools Coverflow in JS proof of concept Coverflow using JS and CSS Transforms (Webkit only)【讨论】：
具有移动支持的跨浏览器实现，luwes.co/labs/js-cover-flow 我可以推荐@luwes 实现。很好用，也可以“离线”使用，如果您需要在没有互联网连接的情况下以 HTML 格式呈现某些内容（就像我的情况一样）。【参考方案3】：我想这就是你想要的http://addyosmani.com/blog/jqueryuicoverflow/
【讨论】：
【参考方案4】：我尝试使用 Jack's Asylum 封面流程，但它无法让我轻松删除并重新添加整个封面流程。我最终找到了http://finnrudolph.de/ImageFlow，它不仅更可靠，更容易连接，使用更少的标记，并且在翻阅图像时不会抖动。这是迄今为止我找到的最好的，我已经在这个页面上尝试了几个。
【讨论】：
【参考方案5】：有一个苹果风格的画廊滑块在 http://www.jqueryfordesigners.com/slider-gallery/ 使用 jQuery 和 UI。
【讨论】：
【参考方案6】：jCoverflip 刚刚发布，非常可定制。
【讨论】：
【参考方案7】：colorbox 有如此惊人的功能..喜欢它。 也喜欢这个http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/
【讨论】：
【参考方案8】：这就是你要找的吗？
“Create an Apple Itunes-like banner rotator/slideshow with jQuery”是一篇解释如何使用 jQuery 实现这种效果的文章。
您还可以查看 live demo.
【讨论】：
【参考方案9】：在此处尝试 Jquery 界面元素 - http://interface.eyecon.ro/docs/carousel
这是一个示例。 http://interface.eyecon.ro/demos/carousel.html
几个月前我四处寻找一个 Jquery 图片轮播，但没有找到一个好的，所以我放弃了。这是我能找到的最好的。
【讨论】：
【参考方案10】：查看momoflow：http://flow.momolog.info 真正的封面流效果，在 Webkit（Safari 和 Chrome）和 Opera 上表现出色，在 Firefox 上也可以。
【讨论】：
【参考方案11】：只是为了让大家知道，xFlow！已经完成了一些重要的工作，并且得到了很大的改进。
转至http://xflow.pwhitrow.com 了解更多信息和最新版本。
【讨论】：
【参考方案12】：我目前正在研究这个并计划将它作为一个 jQuery-ui 插件发布。
->http://coulisse.luvdasun.com/
如果您有兴趣以及希望在这样的插件中看到什么，请告诉我。
gr
【讨论】：
【参考方案13】：当您在文件夹中按空格键时发生的效果 文档，允许您以灯箱方式预览它们
看起来需要一个经典的灯箱插件。这是我最喜欢的 jQuery 灯箱插件：http://colorpowered.com/colorbox/。易于定制等。
【讨论】：
【参考方案14】：这个看起来很有前途，比其他例子更接近实际的 Apple 覆盖流效果：
blarnee.com/projects/cflow
【讨论】：
...除了它崩溃（至少在 IE 上） ...在 chrome 上它现在没有以上是关于使用 jQuery 或其他库的 Apple Cover-flow 效果？的主要内容，如果未能解决你的问题，请参考以下文章
在 Vue 项目中包含或初始化 jQuery 库的最佳方法是啥？