【问题标题】:Apple Cover-flow effect using jQuery or other library?使用 jQuery 或其他库的 Apple Cover-flow 效果?
【发布时间】:2010-09-09 04:39:24
【问题描述】:

有谁知道如何使用 JavaScript 滚动一堆图像来实现封面流效果。我不是在谈论 3D 旋转 itunes 封面艺术,而是当您在文档文件夹中按空格键时发生的效果,允许您在 灯箱中预览它们/em> 时尚。

【问题讨论】:

标签: javascript jquery client-side-scripting


【解决方案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 实现:

【讨论】:

  • 具有移动支持的跨浏览器实现,luwes.co/labs/js-cover-flow
  • 我可以推荐@luwes 实现。很好用,也可以“离线”使用,如果您需要在没有互联网连接的情况下以 HTML 格式呈现某些内容(就像我的情况一样)。
【解决方案3】:

【讨论】:

    【解决方案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 上它现在没有
                        猜你喜欢
                        • 1970-01-01
                        • 1970-01-01
                        • 2018-01-02
                        • 1970-01-01
                        • 1970-01-01
                        • 1970-01-01
                        • 2015-10-26
                        • 2012-09-03
                        • 1970-01-01
                        相关资源
                        最近更新 更多