四在同一时间

Question

我建立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，它看起来更奇怪。这是它的样子，而页面加载（下图）：

我怎么能解决这个问题吗？我想将它们加载在一起。 有一个大的图像滑块（顶部），以及页面上的四个图像。因此，对区域1和区域4使用onload事件会使区域2和区域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