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

时间:2012-11-20 06:27:50

标签: javascript jquery facebook

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

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

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

1 个答案:

答案 0 :(得分:0)

我希望Facebook已经编写了自己的客户端库来做事,而不是像jQuery模式一样使用开箱即用的插件。

只是通过观察我期望他们的脚本

的行为

(a)检查寡妇的大小(因为弹出窗口将按比例缩小以填充视口),然后 (b)检查图像本身的大小

...并且在留出评论和广告/等空间后,确切地确定了为叠加设置包含div的确切大小。然后缩放图像本身以适应可用空间。

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