这是演示幻灯片:http://www.pixedelic.com/plugins/camera/。最后两个图像之间的转换,它使图片变成一个网格并一张一张地动画。如何做到这一点?
我的想法是,当发生变换时,它会创建许多 div 元素,每个 div 将使用相同的背景图像,并使用背景位置,使每个 div 呈现该图像的不同区域,这样看起来就像图像被拆成一个格子。只需在 jQuery 中使用 .animate() 使其具有动画效果或一些 CSS3 效果,例如旋转或缩放以生成幻灯片效果。
我不知道,我的想法是否正确?有谁知道这种效果背后的机制?