Реклама на сайте Advertise with us

Как заставить фоновую графику в первую очередь грузится?

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:



С нами с 16.02.07
Сообщения: 922
Рейтинг: 666

Ссылка на сообщениеДобавлено: 04/01/08 в 22:40       Ответить с цитатойцитата 

Сабж

0
 

Ninja ZX-6R

С нами с 19.06.05
Сообщения: 1713
Рейтинг: 906


Передовик Master-X (01.02.2008) Передовик Master-X (16.02.2008) Передовик Master-X (01.03.2008) Передовик Master-X (16.03.2008) Передовик Master-X (01.04.2008) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 04/01/08 в 23:10       Ответить с цитатойцитата 

сильно не пинайте , если я неправicon_smile.gif

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

сам не пробовал...

4
 



С нами с 02.09.07
Сообщения: 96
Рейтинг: 115

Ссылка на сообщениеДобавлено: 05/01/08 в 00:12       Ответить с цитатойцитата 

хранить на другом хосте, посмотри у меня например xfavorites.com так сделано, но на сколько это действенно не скажу 100% icon_smile.gif

Очень много от браузера зависит.

4
 

Ninja ZX-6R

С нами с 19.06.05
Сообщения: 1713
Рейтинг: 906


Передовик Master-X (01.02.2008) Передовик Master-X (16.02.2008) Передовик Master-X (01.03.2008) Передовик Master-X (16.03.2008) Передовик Master-X (01.04.2008) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 05/01/08 в 00:15       Ответить с цитатойцитата 

симпотная шапкаicon_smile.gif но бек грузится не в первую очередь, сначала шапка, затем тумбы начали, в процессе загрузки тумбы 8-10ой, открылся фон, FireFox 2.0

и у тебя фоновая картинка у td , а не у body, разница наверно есть имхо...

4
 



С нами с 30.12.07
Сообщения: 20
Рейтинг: 24

Ссылка на сообщениеДобавлено: 05/01/08 в 00:27       Ответить с цитатойцитата 

sir.korvin писал:
хранить на другом хосте, посмотри у меня например xfavorites.com так сделано, но на сколько это действенно не скажу 100% icon_smile.gif

Очень много от браузера зависит.


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

uncle Misha параметры через css классы задавать ..и все
или вариант через яваскрипт <body onload="функция('images/logo_bg.png')">

4
 



С нами с 02.09.07
Сообщения: 96
Рейтинг: 115

Ссылка на сообщениеДобавлено: 05/01/08 в 00:35       Ответить с цитатойцитата 

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


Не правда. Все одинакого в кэше хранится...

lord_deluxe писал:

uncle Misha параметры через css классы задавать ..и все
или вариант через яваскрипт <body onload="функция('images/logo_bg.png')">


Через onload? Ты в своём уме? Онже сработает после загрузки графики, если не ошибаюсь ;)

Через css как раз более долгий вариант, по своему опыту говорю. А если выносить в отдельный файл то темболее будет хуже.

4
 

Ninja ZX-6R

С нами с 19.06.05
Сообщения: 1713
Рейтинг: 906


Передовик Master-X (01.02.2008) Передовик Master-X (16.02.2008) Передовик Master-X (01.03.2008) Передовик Master-X (16.03.2008) Передовик Master-X (01.04.2008) Ветеран трепа Master-X ()
Ссылка на сообщениеДобавлено: 05/01/08 в 00:37       Ответить с цитатойцитата 

onload вообще не в тему имхо, через css делаю я например, все равно грузится не сразу фон.

4
 



С нами с 05.02.07
Сообщения: 286
Рейтинг: 222

Ссылка на сообщениеДобавлено: 05/01/08 в 00:47       Ответить с цитатойцитата 

Как браузер захочет, так и загрузит. Везде будет плавать от версии к версии и зависить от настроек. Единственно гарантированный вариант - грузить через JS в хидере (чего многие "крутые" партнерки не делают и в итоге их размалеванные графические меню в админках глючат и выглядят убого).

4
 



С нами с 30.12.07
Сообщения: 20
Рейтинг: 24

Ссылка на сообщениеДобавлено: 05/01/08 в 01:14       Ответить с цитатойцитата 

просто никогда не заморачивался над таким вопросом ..да с onload я загнул ..просто предложил как вариант(че то подумал о перекате картинок они же сразу грузятся) как то переделать ..по поиску пробил ..много всякой инфи как onload переделать ..чтоб не в коце выскакивало а во время и наверно сразу есть фунция
Полюбом +1 что это яваскрипт нужен ..но не вариант что всегда он работать будет

4
 



С нами с 16.02.07
Сообщения: 922
Рейтинг: 666

Ссылка на сообщениеДобавлено: 05/01/08 в 01:23       Ответить с цитатойцитата 

На броузер уповать не хочется...
Через классы в КСС не хочет лиса его вперёд графики показывать
В хедере тоже понятно мне, если для всего тела...
А вот конкретно, мне нужно фоновое изображение для определённого блока указать, а не для всего тела, как такую ерунду в JS нарисовать?
Может кто код может подсказать.

0
 



С нами с 21.12.06
Сообщения: 571
Рейтинг: 463

Ссылка на сообщениеДобавлено: 05/01/08 в 01:51       Ответить с цитатойцитата 

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

4
 



С нами с 30.12.07
Сообщения: 20
Рейтинг: 24

Ссылка на сообщениеДобавлено: 05/01/08 в 02:06       Ответить с цитатойцитата 

Нужно что то типа этого http://habrahabr.ru/tag/window.onload/
Только модифицировать нужно так чтоб функцию можно было бы прикреплять к конкретному тэгу ..я смотрю много сайтов на этот скрипт ссылаются

4
 



С нами с 07.10.01
Сообщения: 4835
Рейтинг: 3672


Передовик Master-X (16.06.2008)
Ссылка на сообщениеДобавлено: 05/01/08 в 03:10       Ответить с цитатойцитата 

AWMovies писал:
рисунок фона вставить в самом начале страницы как 0х0px, он первым загрузится и будет в кэше браузера, соответственно и в фоне покажется сразу...

Вот же толковый совет человек дал, чего мудрить то =)

Лучшие в Рунете: товарная партнёрка - от 4 рублей за клик.
CPA агрегатор - тысячи отличных офферов!

4
 



С нами с 05.02.07
Сообщения: 286
Рейтинг: 222

Ссылка на сообщениеДобавлено: 05/01/08 в 06:46       Ответить с цитатойцитата 

Как пример (куски кода с моего старого сайта, используются для графического меню уже года 4):

Подключается в хидере (menu.js например), или просто вставляется.

Цитата:

var menu=new Array();
var objCount = 0;
function preload(name, first, second) {
menu[objCount] = new Array(4);
menu[objCount][0] = new Image();
menu[objCount][0].src = first;
menu[objCount][1] = new Image();
menu[objCount][1].src = second;
menu[objCount][2] = name;
menu[objCount][3] = false;
objCount++;
}


Далее вызов сразу после <body> с нужными картинками.

Цитата:

<script language="JavaScript" type="text/javascript">
<!--
preload("img1","/img/menu/news_on.gif", "/img/menu/news_off.gif");
preload("img2","/img/menu/about_on.gif", "/img/menu/about_off.gif");
preload("img3","/img/menu/comp_on.gif", "/img/menu/comp_off.gif");
preload("img4","/img/menu/forum_on.gif", "/img/menu/forum_off.gif");
preload("img6","/img/menu/serv_on.gif", "/img/menu/serv_off.gif");

// -->
</script>


Далее с эти массивом можно делать что угодно. Выводить менюшки где нужно, делать hover, onmouseover, onmouseout, onclick и прочее.

Например вот так:

Цитата:

<td height="23" width="106" align="center"><font class="tgen"><a href="/php/home.php?pg=home&sid={menu.sid}" name="news" target="_top" title="Новости"
OnMouseOver="over('img1'); window.status='Новости';return true"
OnMouseOut={menu.sel11}
OnFocus="on('img1')"
OnClick="off(); on('img1')"><img name="img1" src="/img/menu/news_{menu.sel12}.gif" border="0" width="106" height="23" alt="Новости"></a></font>
</td>


Конструкции вида {menu. } обрабатываются у меня скриптом; on(), off() JS код для обработки. На них не обращаем внимание.

Суть думаю ясна. Если нужно просто загрузить 5-10 картинок, то код совсем простой останется.

p.s. на авторство не претендую, в свое время рабочий вариант собирал из чужого кода...

4
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »