0

我正在 wordpress 上建一个网站，它有四个 div 区域（请查看第一张图片），内容是：

  1. AREA-1：它直接从 html 代码加载纯文本内容。
  2. AREA-2：它从类别 1 加载 4 个带有缩略图的帖子，并显示为滑块。
  3. AREA-3：它还加载了 4 个带有缩略图的帖子，但来自类别 2，并显示为滑块。
  4. AREA-4：它使用 Contact Form-7 插件加载包含 4 个字段的联系表。

这是在页面完全加载之后

现在的问题是，当页面加载时，AREA-1 和 AREA-4 加载速度很快，并且在没有 AREA-3 和 AREA-4 的情况下可见，这看起来很奇怪。这是页面加载时的样子（下图）：

这是页面加载时的样子

请问我该如何解决这个问题？我想把它们一起加载。页面上还有一个带有四个图像的大图像滑块（顶部）。因此，对 area-1 和 area-4 使用 onload 事件会导致 area-2 和 area-3 加载速度更快。如果我对所有区域都使用 onload，那么页面将保持为空，而所有滑块图像都会加载。它们的图像很大，看起来不太好。那么有没有办法同时加载所有 4 个要加载的区域，无论图像滑块（顶部）是否已完全加载？我不太擅长 javascript。所以任何帮助都会非常感激。

4

1 回答 1

0

2 个选项：

  1. 预加载图像http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/
  2. 隐藏文本区域直到 onload 事件。http://www.w3schools.com/jsref/event_img_onload.asp
于 2013-11-05T06:56:06.307 回答