[JS,CSS] Степенная фоновая загрузка 300 картинок.

Доброго всем тут здравия!

Есть страница, где нужно во фрейме показывать скрины сайтов. Но когда открываешь картинку приходится ждать пока она загрузится, что не приемлимо.

 Эдак сделали на странице степенную загрузку - но не вышло быстроты, всё равно медленно. Коли сразу грузить картинки, тоже приходится ждать, так как начинают грузится все, и даже некоторые что в конце наперед. 

А нужно, загрузились первые 5, пошли грузится следующие 5. Или как то иначе, чтобы при этом можно было уже смотреть эти картинки во фрейме (откроется когда кликните по ссылке сайта).

Пример приложил.

Сейчас такой алгоритм:

var NUMLoadStepImages = 0;

function LoadStepImages() {

var list = $('p#img');

if(NUMLoadStepImages++ >= list.length) return;

list.eq(NUMLoadStepImages).display="block";

setTimeout(LoadStepImages,1000);

}

setTimeout(LoadStepImages,1000);