我想要2个或更多图像之间的过渡效果。我知道简单的转换可以在JQuery中轻松完成,特别是使用Cycle插件,但我想要更复杂的东西。 Like this,虽然这是一个糟糕的例子。一种“百叶窗”风格效果,您可以在其中更改时看到另一幅图像。我希望我很清楚。
我真的希望尽可能避免使用Flash。
我已经使用了animate
几次。我想要的是一种实现我链接的过渡方式的方法,既可以是现成的,也可以是一点帮助。我的问题是图像基本上是分开的,而不仅仅是移动。也许有办法使用面具?
答案 0 :(得分:3)
仅使用javascript几乎不可能实现对角线百叶窗。我可以想到几种方法来处理图像文件,但这将是一个神圣的黑客,动画不太可能是平滑的。有可能用canvas来实现它,但这也很令人头疼,因为你必须使用canvas-> vml才能使它与IE一起使用。
如果您对水平/垂直百叶窗没问题,只需附加一堆div并为宽度/高度设置动画。
答案 1 :(得分:1)
如果您对垂直百叶窗选项没问题,那么现在有一个非常灵活的jQuery插件可以实现您正在寻找的效果:http://nivo.dev7studios.com