2

在此处输入图像描述

我一直在玩类似于iPad 的照片应用程序的画廊,您可以在其中整齐地堆叠缩略图,单击(触摸)它们会以网格布局飞出。如果单击另一个堆栈时一个画廊/堆栈已经打开,则照片应在下一组动画显示之前堆积在其原始位置。

我虽然像Isotope这样的东西在这里会有所帮助,但我很难让它停止覆盖自己。另外,我不太清楚如何使它看起来好像缩略图从“封面图像”中飞出。

我在 JSFiddle 上放了一个简化的版本。

非常感谢任何帮助。我觉得我在这里有点过头了:)

我的问题是:我如何让它看起来好像缩略图从“封面图像”中飞出?

4

1 回答 1

0

你可以有一个绝对定位的 DIV,里面有一个全尺寸的图像。

最初,定位 div 并缩放图像,使其与缩略图完全重叠。

然后,为两者的位置和大小设置动画,以您想要的大小将它们带到屏幕的中心。

于 2011-06-27T22:42:58.953 回答