四个div区域没有同时加载

Question

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

1. AREA-1：它直接从html代码加载纯文本内容。
2. AREA-2：它加载4个帖子，其中包含来自类别1的缩略图，并显示为滑块。
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不太好。所以任何帮助都会非常欣赏。

Answer 1

2个选项：

1. 预加载图片http://perishablepress.com/3-ways-preload-images-css-javascript-ajax/
2. 隐藏文本区域，直到onload事件。 http://www.w3schools.com/jsref/event_img_onload.asp