jquery - JS/JQuery 图像过渡效果 - 百叶窗?

标签 jquery flash image jquery-plugins transition

我想要 2 个或更多图像之间的过渡效果。我知道在 JQuery 中可以轻松完成简单的转换,尤其是使用 Cycle插件,但我想要更复杂的东西。 Like this ,尽管这是一个很糟糕的例子。一种“百叶窗”风格效果,您可以通过一张图像看到另一张图像的变化。我希望我说得清楚。

如果可能的话,我真的想避免使用 Flash。

<小时/>

我已经使用过 animate 几次了。我想要的是一种实现我所链接的过渡风格的方法,无论是现成的还是需要一点帮助。我的问题是图像本质上是 split 的,而不仅仅是移动的。也许有办法使用面具?

最佳答案

仅靠 javascript 几乎不可能实现对角百叶窗。我可以想出几种方法来处理图像文件,但这将是一个神圣的黑客,而且动画不太可能流畅。可能有一些方法可以使用 canvas 来做到这一点,但这也会很令人头痛,因为您必须使用 canvas->vml 才能使其与 IE 一起工作。

如果您同意水平/垂直百叶窗,只需附加一堆 div 并设置宽度/高度的动画即可。

关于jquery - JS/JQuery 图像过渡效果 - 百叶窗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/436539/

相关文章:

jquery - 如何在JQuery中实现简单的异步查询

javascript - 使用 Javascript 进行逐帧动画

image - 为什么不能对彩色图像进行傅里叶变换?

c++ - OpenCV:分割 cv::Mat

javascript - 为视频创建非常大的 Sprite 表

Jquery - 在悬停时添加类

JQuery - 如何选择特定的DIV

apache-flex - Adobe 试验中的机场自动收报机效果

javascript - Facebook Flash 应用程序无法与 JavaScript 通信

apache-flex - 如何解决 Flash 错误 2176