四在同一時間

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