1

我创建了一个 Wordpress 主题，但页面加载有问题。当我在页面之间移动时，当所有其他元素都已卸载时，页眉中有一个表格（带有 2 个图像）留在页面后面。有什么想法可以解决这个问题，以便该图像仅与页面的其余部分一起显示？

请参阅http://thetaonline.co.za/newWeb/并单击每个菜单项以查看剩余的图像（在页面其余部分之前加载）。

4

3 回答 3

1

你的 HTML 代码搞砸了。它<table>在 the 之前打开 a<html>并在 之后关闭</html>。这些东西应该进入该<body>...</body>区域。

这基本上就是为什么它在页面完成加载之前显示的原因，因为外部资源被调用<script src=...或<link href=...将在此时挂起页面渲染，直到它们被加载。这就是为什么通常在所有内容之前调用这些东西的原因，<head>...</head>在没有（或应该）仍然没有为显示定义的块内。

如果您做错了，它将显示准备好渲染的内容-基本上只是该图像-直到加载其余部分。

至于将外部资源调用放在<head>块内，这似乎是正确的，因此基本上您只需将该表带到正确的位置即可使页面正确显示。

我看到还有一些拼写错误可能会导致问题，比如最后<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"错过了>等等。你应该检查你的代码。

于 2013-04-16T07:19:58.530 回答
0

尝试使用 jquery 并执行以下操作：

  $(function() {
    $.preload(["image1.png", "image2.png"]);
  }
于 2013-04-16T07:21:07.347 回答
0

编辑：你应该看看哈弗纳德的答案！

我不知道，如果这是一个好主意（我猜不是！），但实际上您可以先隐藏这些图像，然后在页面完全加载后用 jquery 显示它们：

<table width="35" border="0" cellspacing="0" cellpadding="0" style="display:none" id="specialimages">
<!-- your 2 images in here -->
</table>

<script type="text/javascript">
$(document).ready(function() {
    $('#specialimages').show();
});
</script>
于 2013-04-16T07:21:31.037 回答