更轻的灯箱解决方案

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文件的顶部（在那个计数我只是猜测它会产生影响）。