打火机灯箱解决方案
这是我的网站：http://benjaminpotter.org/。
如果您以前没有去过那里，您应该会看到一个漂亮的、滞后的弹出窗口 - 知道如何将其精简并使其更快一点吗？
我已经在 CSS 中设置了覆盖层，使用背景颜色，并使用简单的 jQuery 让它淡出：
$("$overlay_big").fadeOut(0);
$("$overlay_big").fadeIn(1000);
Here is my website: http://benjaminpotter.org/.
If you haven't been there before you should get a nice, laggy popup - any idea how to thin it out and make it a bit faster?
I have set the overlay in CSS, using a background colour and got it to fade with simple jQuery:
$("$overlay_big").fadeOut(0);
$("$overlay_big").fadeIn(1000);
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我看到的问题是在加载图像之前会出现弹出窗口。
如果您想等到图像加载完毕，请使用
$(window).load(function() { ... } )而不是$(document).ready(function() { ... } )如果可以的话，尝试减小图像大小，如果您想更快地加载图像，您可以将其更改为![]()
并将其尽可能靠近顶部，否则将带有背景图像的 CSS 样式移动到 CSS 文件的顶部（就这一点而言，我只是猜测它会产生效果）。
The problem I'm seeing there is that the pop-up comes up before the image is loaded.
If you want to wait until the image is loaded, use
$(window).load(function() { ... } )instead of$(document).ready(function() { ... } )Try to reduce the image size if you can, and if you want to load the image faster you could either change it to an
<img ... />and move it as close to the top of as you can, or else move the CSS style with the background image to the top of the CSS file (on that count I'm only guessing that it will have an effect).