2

最近，Google 图片重新设计了他们的网站，当您点击图片时会打开一个大灯箱。您可以按箭头键前进照片。有谁知道它是如何工作的？

我假设他们在行之间有 div，但是他们如何确定行结束的位置或下一个要扩展的 div 的位置？他们是否使用 onResize 事件重新计算所有内容？

我对 jQuery 很陌生，所以这可能很明显。

编辑：我应该注意，对于我的项目，所有图像的大小都相同，所以我不需要动态布局插件。

4

1 回答 1

4

谷歌似乎使用他们自己的代码，但您应该能够基于以下客户端软件实现类似的功能：

  • jQuery
  • “动态平铺”过程，例如。jQuery 插件Masonry
  • “无限滚动”效果，例如。jQuery插件无限滚动

请注意，我说的是“基于”。您仍然需要提供：

  • 服务数据/HTML的服务器端代码，
  • 某种方式来/撰写/插入/隐藏“灯箱”（部分由砌体处理），
  • 某种方式来提供所需的箭头键功能
于 2013-05-09T04:09:22.807 回答