Можно ли установить порядок загрузки графики на сайте?

P
На сайте с 01.05.2006
Offline
161
1505

Сайт простой, никаких скриптов, чистый хтмл.

Все построено на таблицах, т.е. страница содержит таблицы в ячейках которых размещается текст. Сверху таблица с графикой-шапкой. И вот с этой шапкой проблемы. Почему-то сначала грузятся картинки, которые сидят в ячейках этой таблицы, а уже потом картинки бэкграунда строк этой таблицы, выглядит как-то хреново. Нельзя наоборот, сначала бэкграунд прорисовывается, а уже потом содержимое ячеек?

iexpert
На сайте с 01.09.2005
Offline
184
#1

Наверное можно загрузить бекграунд в какую нить пиксельную картинку самой первой, тогда он появится сразу как загрузится - то есть раньше всех...

Это если чистым HTML решать задачу.

Ну и если подумать то можно наваять скриптец...

Проблем никаких - получайте объекты и по очереди их "включайте"

Бойтесь ваших желаний, ибо они могут исполниться
M
На сайте с 21.11.2004
Offline
230
#2
Pantalone:
Сверху таблица с графикой-шапкой.

Попробуйте разбить шапку на несколько граических файлов для ускорения загрузки.

Продвигаю домены руками (http://roke.ru)
СКОРПИОН
На сайте с 05.01.2006
Offline
120
#3

Пользуйтесь слоями. Таблицы предназначены для размещения табличного текста. Это уже позже с помощью них сайты верстать стали. Я бы вообще советовал сначала вывести основной текст, а потом шапку. Для поисковика страница гораздо релевантнее будет. Т.е. сделайте приблизительно так:


<HTML>
<HEAD>
Заголовки
</HEAD>
<BODY>
<div style="POSITION: ABSOLUTE; TOP: 150Px;">
основной текст
</div>

<div style="POSITION: ABSOLUTE; TOP: 0Px;">
Шапка
</div>
</BODY>
</HTML>

Стили желательно вынести в css. Тогда совсем красиво будет.

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках
O
На сайте с 27.07.2005
Offline
49
#4

У меня была такая же проблема. Решила следующим образом: поверх фона наложила картинки с прозрачным бекграундом.

WBR, oksale
P
На сайте с 01.05.2006
Offline
161
#5
iexpert:
Наверное можно загрузить бекграунд в какую нить пиксельную картинку самой первой, тогда он появится сразу как загрузится - то есть раньше всех...

Можно еще раз, ничего не понял 🙄 Бэкграунд у меня это и есть картинка в гифе.

P
На сайте с 01.05.2006
Offline
161
#6
maximumx:
Попробуйте разбить шапку на несколько граических файлов для ускорения загрузки.

Можно попробовать, но в этом ли дело?

Например бэкграунд строки таблицы с элементами управления (тоже картинки с надписями) по размеру меньше всех, но грузится после того как загрузятся эти самые элементы управления, хотя по идее должен загрузиться быстрее их. Выглядит это как загрузка отдельных картинок, между ними получаются белые полосы, а потом уже появляется бэкграунд (из узкой вертикальной полоски растягивается на всю строку).

P
На сайте с 01.05.2006
Offline
161
#7
СКОРПИОН:
Пользуйтесь слоями. Таблицы предназначены для размещения табличного текста. Это уже позже с помощью них сайты верстать стали. Я бы вообще советовал сначала вывести основной текст, а потом шапку. Для поисковика страница гораздо релевантнее будет. Т.е. сделайте приблизительно так:


<HTML>
<HEAD>
Заголовки
</HEAD>
<BODY>
<div style="POSITION: ABSOLUTE; TOP: 150Px;">
основной текст
</div>

<div style="POSITION: ABSOLUTE; TOP: 0Px;">
Шапка
</div>
</BODY>
</HTML>


Стили желательно вынести в css. Тогда совсем красиво будет.

Попробую, стили итак вынесены.

P
На сайте с 01.05.2006
Offline
161
#8
oksale:
У меня была такая же проблема. Решила следующим образом: поверх фона наложила картинки с прозрачным бекграундом.

Нет, мне прозрачность не подходит, да и смысл, все равно будут сначала грузиться картинки ячеек, а потом картинка бэкграунда всей строки, вот почему они именно в таком порядке грузятся, а не наоборот.

P
На сайте с 01.05.2006
Offline
161
#9

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

http://pantalone.atspace.com

P
На сайте с 01.05.2006
Offline
161
#10

Попробовал вставить нижеописанную штуку, помогло!

Только у меня вопросы в связи с этим добавлением:

1) будет ли это работать на всех браузерах?

2) отразится ли это как-то на индексировании поисковиками?

3) есть чего лишнее в этом коде?

<script language="JavaScript">

<!--

function na_preload_img()

{

var img_list = na_preload_img.arguments;

if (document.preloadlist == null)

document.preloadlist = new Array();

var top = document.preloadlist.length;

for (var i=0; i < img_list.length-1; i++) {

document.preloadlist[top+i] = new Image;

document.preloadlist[top+i].src = img_list[i+1];

}

}

// -->

</script>

<body style="margin:0;" bgcolor="white"

OnLoad="na_preload_img(false, '...gif', ...);">

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий