更輕的燈箱解決方案

Question

這是我的網站：http://benjaminpotter.org/。

如果你還沒有去過那裏，你應該得到一個很好的，滯後的彈出窗口 - 任何想法如何減少它，並使其更快？

我已經設置在CSS覆蓋，使用背景顏色，得到它與簡單的jQuery褪色：

$("$overlay_big").fadeOut(0); 
$("$overlay_big").fadeIn(1000); 

Answer 1

我看到那裏是彈出圖像之前出現的問題被加載。

如果你想等到圖片加載，使用$(window).load(function() { ... })代替$(document).ready(function() { ... })

嘗試，如果你可以縮小圖像尺寸，以及如果要加載圖像更快，你既可以將其更改爲<img ... />並儘可能靠近頂部移動它，或者將帶有背景圖片的CSS樣式移動到CSS文件的頂部（在這一點上，我只是猜測它會產生效果）。