谷歌图片背后的javascript是如何工作的?

谷歌图片背后的javascript是如何工作的?,javascript,jquery,Javascript,Jquery,最近,谷歌对他们的网站进行了图像处理,这样当你点击一个图像时,一个大的灯箱就会打开。您可以按箭头键前进照片。有人知道它是怎么工作的吗 我假设行之间有div,但如何确定行的结束位置或下一个要展开的div的位置?他们是否使用onResize事件重新计算所有内容 我对jQuery非常陌生,所以这可能是显而易见的 编辑:我应该注意,对于我的项目,所有图像的大小都相同,因此我不需要动态布局插件。谷歌似乎使用自己的代码,但您应该能够基于以下客户端软件实现类似的功能: “动态平铺”过程,例如jQuery插

最近,谷歌对他们的网站进行了图像处理,这样当你点击一个图像时,一个大的灯箱就会打开。您可以按箭头键前进照片。有人知道它是怎么工作的吗

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

我对jQuery非常陌生,所以这可能是显而易见的


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

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

  • “动态平铺”过程,例如jQuery插件
  • “无限滚动”效果,如jQuery插件
请注意,我说的是“基于”。您仍然需要提供:

  • 用于服务数据/HTML的服务器端代码
  • 以某种方式/组合/插入/隐藏“灯箱”(部分由砌体处理)
  • 提供所需箭头键功能的某种方法

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

  • “动态平铺”过程,例如jQuery插件
  • “无限滚动”效果,如jQuery插件
请注意,我说的是“基于”。您仍然需要提供:

  • 用于服务数据/HTML的服务器端代码
  • 以某种方式/组合/插入/隐藏“灯箱”(部分由砌体处理)
  • 提供所需箭头键功能的某种方法

谢谢!我应该提到我所有的图片都是相同大小的,所以我不需要一个砖石类型的插件。@BenGartner好吧,这让事情变得容易了一点:-)谢谢!我应该提到我所有的图片都是相同大小的,所以我不需要一个砖石类型的插件。@BenGartner好吧,这让事情变得容易了一点:-)