Приоритет загрузки блоков

[c01nd01r]

Доброго времени суток!

Нужно решение такой проблемы... чтоб блок А грузился первым, блок С вторым, блок В третим.

Собственно ситуация.

...
<div id='fon'>
<div id='content'></div>
</div>
...
#fon {
backgroung: url('fon_v_polosku.jpg') repeat-y;
width:900px;
height:auto;
}
#content {
backgroung: url('main_big_img.jpg') no-repeat;
position:absolute;
width:900px;
height:auto;
}
...

По задумке #content накладывается на #fon (ширина у них одинаковая)

При заходе на страницу fon_v_polosku.jpg грузится быстрее чем main_big_img.jpg

Т.е. получается, что юзер при заходе видит "отрепитанный по Y" fon_v_polosku.jpg (который в таком виде не очень смотрится), а потом только появляется сверху наложенный main_big_img.jpg

Хотелось бы, чтоб сначало грузился main_big_img.jpg , а затем fon_v_polosku.jpg

Возможно ли такое осуществить ?

З.ы. с JS особо не знаком.

[RuCosinus]

Такого понятия как приоритет загрузки, как такового нет в CSS.

Пока жду ответа на свой вопрос, полазил по нету, поискал на ваш

Вот что нарыл...

- Кешировать ваш main_big_img.jpg

- Прописать блок, который должен грузится последним, как можно ближе к концу страницы и с помощью абсолютного позиционирования задать, где он должен быть (в вашем случае видимо не подойдет)

- Порядок загрузки страницы определяется порядком расположения в шаблоне, а порядок расположения определяется в CSS, следовательно править CSS нужным образом))

- Страничка начинает грузится в том порядке, как прописана, в несколько потоков, поэтому, если ваш fon_v_polosku.jpg сильно легче main_big_img.jpg, то тут только java вам поможет видимо... (Личное мнение - но я бы руки оторвал тому, кто бы прописал жесткую последовательность подгрузки, убив тем самым все плюсы многопоточности).

Надеюсь, что хоть чем-либо помог

[c01nd01r]

RuCosinus, спасибо за ответ.

Нашел решение в JS с помощью OnLoad.

З.ы. Видел ваш вопрос.

Я всегда вставляю такой блок в начало css файла:

/* Сброс */
* {margin: 0px; padding: 0px;}
img {border: 0px;}