0

这是我的页面http://equipe94.com/2009e.html

有一些 tweek 附加到页面（滚动条和箭头）和一些定位

你有没有办法完全隐藏一切（只保留背景）..做这些事情，并显示完成的页面？

4

5 回答 5

3

为什么不直接将 cssdisplay属性设置为none，并在文档加载后用 JS 更改它？如果您在页面上使用jQuery，它可能如下所示：

CSS：

#mydiv { display: none; }

JavaScript：

$(document).ready(function() {
    $('#mydiv').show();
});
于 2009-04-21T23:08:16.940 回答
2

为了补充 Calvin 的答案，可以通过添加此功能来预加载图像：

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    $("<img>").attr("src", arguments[i]);
  }
}

然后告诉它你要加载哪些图像：

$.preloadImages("image1.gif", "/path/to/blah.png", "some/other.jpg");

出于礼貌，将该代码放在您要加载的内容之前。

于 2009-04-21T23:18:33.310 回答
0

这类问题以前也有人问过。您所说的实际上不是“预加载”-它只是在页面完全加载之前阻碍用户查看页面。它不会使页面加载更快。

只需将整个页面放入容器中，然后使用 CSS 将容器的显示模式设置为none. none然后只需将容器的显示模式更改为文档准备好或加载最后一个图像后的任何其他内容：

var imgTotal = 10; // total number of images on your page
var imgCount = 0;

$("img").load(function(){
  imgCount++;
  if (imgCount == imgTotal)
    $("#container").show();
}

但是，考虑到您的页面在我的浏览器上加载不到一秒钟，我真的看不出这有什么意义。

于 2009-04-21T23:12:19.567 回答
0

它不完全是图像，而是改变问题的页面元素......

我有隐藏的 css 正文，我的 jquery 的最后一个参数是 css:visible

工作得很好.. 2 秒加载，每个人都出现了！

谢谢

于 2009-04-21T23:31:45.493 回答
0

我会使用准备好的 DOM 将其显示设置为无，然后在 $(window).load 上显示

否则，如果他们没有启用 JS，他们将永远看不到任何东西！

我注意到您的网站在没有 JS 的情况下仍然可以查看，干得好！

于 2009-04-21T23:53:25.410 回答