使用哪種技術，Facebook顯示圖像？

Question

正如我們都看到，當我們點擊Facebook上的圖像縮略圖時，它會在覆蓋圖中加載完整圖像。我只是想知道這個工具到底是什麼。

據我瞭解，顯然不是使用任何「jQuery模式」來顯示圖像，因爲您可以看到疊加佔用屏幕和滾動條根據疊加的大小而不是頁面本身進行調整，這不是jQuery模態的情況。我也看了一些模式，如Eric martin's Simple modal，但沒有運氣。

有沒有人知道任何可以實現這個Facebook效果的插件？

Answer 1

我希望Facebook編寫自己的客戶端庫來處理事情，而不是像jQuery模式那樣使用開箱即用的插件。

只是通過觀察行爲，我希望他們的腳本

（一）檢查寡婦的大小（如彈出窗口將縮小以填充視口），然後 （二）檢查圖像的大小本身

......並且，在留下評論和廣告/等的空間之後，確切地指出爲覆蓋層設置包含div的大小。然後圖像本身被縮放以適合可用空間。

關於在疊加層內部有滾動條，可以使用css overflow: auto;在任何具有固定大小（即設置高度/寬度）的元素上實現。如果內容大於元素的尺寸，則任何具有該樣式的塊元素都將顯示滾動條。