Facebook使用哪种技术显示图像？

Question

我们都看到,当我们点击Facebook上的图像拇指时,它会在叠加层中加载完整图像.我很想知道这个工具究竟是什么.

据我所知,它显然不是使用任何"jQuery模式"来显示图像,因为你可以看到叠加占用屏幕和滚动条根据叠加的大小而不是页面本身调整,而不是jQuery模式的情况.我也查了一些像Eric martin的Simple模态但没有运气的模态.

有没有人知道任何可以实现这种Facebook效果的插件？

Answer 1

我希望 Facebook 已经编写了自己的客户端库来执行操作，而不是使用像 jQuery 模式这样的开箱即用的插件。

只需观察他们的行为我就会期望他们的脚本

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

...并且，在为评论和广告等留出空间后，准确计算出为覆盖层设置包含 div 的大小。然后缩放图像本身以适合可用空间。

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