Facebook使用哪种技术来显示图片？

Question

6

我们都看到，在Facebook中点击图像缩略图时，它会在叠加层中加载完整的图像。我很好奇这是什么工具。

据我所知，它显然不是使用任何“jQuery模态框”来显示图像，因为您可以看到叠加层占据了屏幕，并且滚动条根据叠加层的大小进行调整，而不是页面本身，这在jQuery模态框中不是这样的。我还查找了一些模态框，例如Eric Martin's Simple modal，但没有运气。

有人知道可以实现这种类似Facebook效果的插件吗？

- Manish

2

为什么不尝试使用Fancybox？http://fancyapps.com/fancybox/ - loQ

谢谢您推荐fancybox，我之前一直在使用Eric Martin的Simple modal，它一直是我最喜欢的插件，但现在换成了fancybox。它完全满足了需求。 - Manish

@IoQ 听起来你应该将你的 Fancybox 发布为建议，这样它就可以被接受，因为它符合要求。 - Michael Mior

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jed Watson · Answer 1

我预计Facebook已经编写了自己的客户端库来完成一些任务，而不是使用像jQuery模态框这样的开箱即用的插件。

仅通过观察行为，我会预期他们的脚本

(a) 检查窗口的大小（弹出窗口将缩小以填充视口），然后 (b) 检查图像本身的大小

... 然后，在留出评论和广告/等空间后，计算出覆盖层包含div的确切大小。然后将图像缩放以适应可用空间。

关于在覆盖层本身内部拥有滚动条，可以使用css overflow: auto; 在任何具有固定大小（即设置高度/宽度）的元素上实现。如果内容大于元素的尺寸，则具有该样式的任何块元素都将显示滚动条。