JS/JQuery图像转换效果？

Question

我想要一个过渡效果之间的2个或更多的图像。我知道在JQuery中可以很容易地完成简单的转换，特别是使用循环插件，但是我想要更复杂的东西。像这样，尽管这是一个糟糕的例子。一个‘百叶窗’风格的效果，你可以看到一个通过另一个图像，因为它的变化。我希望我能说清楚。

如果可能的话，我很想避免使用Flash。

我已经使用过animate几次了。我想要的是一种实现我所链接的过渡风格的方法，无论是现成的还是有一点帮助的。我的问题是，图像基本上是分开的，而不仅仅是移动。也许有办法用口罩？

Answer 1

如果你对垂直百叶窗选项没意见，现在有一个非常精巧的jQuery插件可以实现你想要的效果：http://nivo.dev7studios.com

Answer 2

单凭javascript，对角线百叶窗几乎是不可能的。我可以想出几种方法来处理图像文件，但这将是一个神圣的黑客，动画不太可能是顺利的。使用画布可能有一些方法，但这也会让人头疼，因为您必须使用画布->vml来使它与IE协同工作。

如果你对水平的/垂直的百叶窗没有意见，只需附加一束div并动画的宽度/高度。