使用JavaScript帮助我创建iPad照片库

使用JavaScript帮助我创建iPad照片库,javascript,ipad,photo-gallery,jquery-isotope,Javascript,Ipad,Photo Gallery,Jquery Isotope,我一直在玩一个类似于的图库,在那个里,你们的缩略图整齐地叠在一起,点击触摸,它们就会以网格布局飞出。如果在单击另一个堆栈时一个库/堆栈已打开,则在下一组设置动画之前,照片应堆积在其原始位置 我认为这样做会有帮助,但我真的很难让它停止覆盖自己。另外,我也不太明白如何让它看起来好像缩略图从封面图像中飞出 我放了一个简化版本的 非常感谢您的帮助。我觉得我有点不知所措: 我的问题是:如何使缩略图看起来好像从封面图像中飞出?你可以有一个绝对定位的DIV,里面有一个全尺寸的图像 最初,定位div并缩放图像,

我一直在玩一个类似于的图库,在那个里,你们的缩略图整齐地叠在一起,点击触摸,它们就会以网格布局飞出。如果在单击另一个堆栈时一个库/堆栈已打开,则在下一组设置动画之前,照片应堆积在其原始位置

我认为这样做会有帮助,但我真的很难让它停止覆盖自己。另外,我也不太明白如何让它看起来好像缩略图从封面图像中飞出

我放了一个简化版本的

非常感谢您的帮助。我觉得我有点不知所措:


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

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

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


然后,设置两者的位置和大小的动画,使它们以所需的大小显示在屏幕中央

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

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


然后,设置两者的位置和大小的动画,使它们以所需的大小显示在屏幕中央

这是你的小提琴没有恼人的开始:这听起来根本不像一个问题。请将其重新格式化为特定格式question@Ahrengot-我更新了你的小提琴OP@Eran-我在正确的JSFIDLE链接中大胆地提出了这个问题->这是你的小提琴,没有恼人的开头:这听起来根本不像一个问题。请将其重新格式化为特定格式question@Ahrengot-我更新了你的小提琴OP@Eran-我在机会正确的JSFIDLE链接->感谢各位的反馈中大胆地提出了这个问题。对不起,我之前的问题不够清楚。我已经更新了fiddle链接,我想我可以从这里实现我的目标。非常感谢!如果我的答案有帮助,你可以点击投票按钮下的复选标记将其标记为答案吗?当然没问题。这个网站还是新手:谢谢大家的反馈。对不起,我之前的问题不够清楚。我已经更新了fiddle链接,我想我可以从这里实现我的目标。非常感谢!如果我的答案有帮助,你可以点击投票按钮下的复选标记将其标记为答案吗?当然没问题。此站点仍然是新的: