Preload картинок - Веб-программирование

26.05.2004, 17:49

Народ, объясните начинающему, как сделать preload картинок, а то OnMouseOver фигово работает - мыш наводишь на кнопку, а она только через несколько секунд загорается.

Не у всех же ADSL.
Только, пожалуйста, выложите какой-нить маленький конкретный пример, чтобы понятно было. Век буду благодарен.

Hubbitus · 26.05.2004, 20:52

Вот тебе очень простой пример тут накатал, надеюсь что все понятно будет....
Если нет, можешь ко мне на аську стучаться - все объясню.

26.05.2004, 22:37

У меня меню несколько сложней будет.

Я там никак не могу понять чё и куда пихать.

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

Hubbitus · 27.05.2004, 12:10

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

Если честно, то мне лень писать кому-то что-то бесплатно, я итак тебе пример набросал..... Если надо, можем поговорить об этом - моя ася 345211...

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

Goryn · 27.05.2004, 12:24

Посмотрел я код. Я когда-то делал такие вещи, но подругому. Поэтому приведу образец для примера (скрипты целиком):

Код HTML:

<HTML><HEAD><TITLE>Заголовок</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}
function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}
var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		menu_01_over = newImage("images/menu_01-over.gif");

...

		menu_nn_over = newImage("images/menu_nn-over.gif");
		preloadFlag = true;
	}
}

// -->
</SCRIPT>
</HEAD>
<BODY ONLOAD="preloadImages();" ...>

...

<A HREF="about.htm" ONMOUSEOVER="changeImages('menu_01', 'images/menu_01-over.gif'); return true;" ONMOUSEOUT="changeImages('menu_01', 'images/menu_01.gif'); return true;"><IMG NAME="menu_01" SRC="images/menu_01.gif" WIDTH=213 HEIGHT=24 BORDER=0 alt="О компании"></A><br>

....

</BODY>
</HTML>

Картинки images/menu_01.gif - изначально, images/menu_01-over.gif - при наведении мыши.

И еще совет: помести весь CSS в отдельный файл и линкуй его в шапке страниц:

Код HTML:

<LINK href="all.css" rel="stylesheet" type="text/css">

Hubbitus · 27.05.2004, 12:41

Цитата:

Goryn:
Посмотрел я код. Я когда-то делал такие вещи, но подругому.

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

Goryn · 27.05.2004, 12:45

Цитата:

Сообщение от Hubbitus

что в твоем от моего принципиально отличается? Помоему все тоже самое....
(Никого не хочу обидеть...)

названия функций

А вообще ты про прелоад спрашивал. Мой вариант это делает. А насколько он отличный... решай сам.

Hubbitus · 27.05.2004, 12:53

Цитата:

Goryn:
А вообще ты про прелоад спрашивал. Мой вариант это делает. А насколько он отличный... решай сам.

Это не я спрашивал

Мой вариант это тоже делает

И вообще я сам виноват наверное, но мы пошли флеймить......

hempsmoke · 06.06.2004, 22:32

я что-то туплю.. у меня не получается сделать прелоад одной картинки!
не подскажите?
img = newImage("pict.gif");

Hubbitus · 07.06.2004, 02:35

Подскажем, конечно!... только что? вопрос-то в чем?

Или ошибка какая, или не понятно что-то?

hempsmoke · 07.06.2004, 12:45

код правильный? он что -то не пашет...
использую вместе с <img src='" onmouseover='this.src=img.src;'>

Hubbitus · 07.06.2004, 16:14

Цитата:

hempsmoke:
код правильный? он что -то не пашет...

Это в зависимости что под той функцией (newImage) подразумевается...

Если использовать мой вариант (что приведен здесь выше), то не првильно, для смены картинки должна использоваться функция, приблизительно так:

Код:

img_over=newIm("img_over.gif");
<img src="pict_1.gif" onmouseover="imag('picture_name', img_over)" name="picture_name">

Соответственно newIm - функция из приведенных мною исходников.
Приведенный код естественно не должен работать напрямую (там даже не отделен JavaScrip от HTML), но принцип, я думаю, ясен...
Если надо - стучись на аську, помогу.

hempsmoke · 07.06.2004, 21:11

Цитата:

hempsmoke:
не получается сделать прелоад одной картинки!

именно одной ... с функциями, то я делаю без проблем... тут на днях понадобилось сделать одну, а забыл как...

так код выше верен?
<img src='" onmouseover='this.src=img.src;'>

Hubbitus · 07.06.2004, 22:45

Поидее код верен...
А в чем проблема?

hempsmoke · 07.06.2004, 23:35

не знаю.. в том - то и дело...

а если я их уже однажды подгрузил, то даже если обращаться к изобр, не как img.src, а просто названием файла, то она все равно уже подгруженной будет считаться?

просто неохота код пириписывать

Hubbitus · 07.06.2004, 23:46

Цитата:

hempsmoke:
не знаю.. в том - то и дело...

Тоесть? Ну что-то же тебе не нравится, иначе бы не спрашивал... что?

Цитата:

hempsmoke:
а если я их уже однажды подгрузил, то даже если обращаться к изобр, не как img.src, а просто названием файла, то она все равно уже подгруженной будет считаться?

Что значит обращаться? Если я тебя правильно понял, ты спрашиваешь можно ли все оставить как было вообще до написания прелоада, и встатить только "img = newImage("pict.gif");", тогда ответ - "нет".
Если не правльно тебя понял, то объясни что имеешь ввиду.

Цитата:

hempsmoke:
просто неохота код пириписывать

Ты же подчеркнул что прелоад одной картинки, дак что там переписывать?

hempsmoke · 08.06.2004, 00:21

Цитата:

Hubbitus:
Что значит обращаться? Если я тебя правильно понял, ты спрашиваешь можно ли все оставить как было вообще до написания прелоада, и встатить только "img = newImage("pict.gif");", тогда ответ - "нет".

именно это я имел ввиду

плохо...

у меня (вернее не у меня

) много раз прописана одна картинка... вот я и хотел ее подгрузить сразу и все. а так теперь везде придется вместо вызова полного пути к файлу с картинокй писать img.src

Hubbitus · 08.06.2004, 00:36

Дак картинки же кешируются!!!
Если она уже загружалась, то браузер ее в 98% возьмет из кеша, какой смысл еще мудрить что-то?

hempsmoke · 08.06.2004, 01:21

я это и имел ввиду...

все - спасибо.

BRULIK · 19.05.2005, 14:05

Поддержу тему прелоада.

Может кто подскажет как cделать преЛоад медиа файлов ... например .wav файлов.
Т.е. чтоб сперва загрузился , а потом начал авто-проигрываться.

26.05.2004, 17:49	# 1
DeMx Guest Сообщения: n/a	Preload картинок Народ, объясните начинающему, как сделать preload картинок, а то OnMouseOver фигово работает - мыш наводишь на кнопку, а она только через несколько секунд загорается. Не у всех же ADSL. Только, пожалуйста, выложите какой-нить маленький конкретный пример, чтобы понятно было. Век буду благодарен.

27.05.2004, 12:10	# 4
Hubbitus мод IMHO Кодер-200(6,7,8) Регистрация: 29.03.2003 Адрес: Saint-Petersburg, Russia Пол: Male Сообщения: 2 734	Ничуть оно не сложнее... естественно я тебе только пример привел, а кода должно быть гораздо больше в реальном меню.... Если честно, то мне лень писать кому-то что-то бесплатно, я итак тебе пример набросал..... Если надо, можем поговорить об этом - моя ася 345211... Ну а если просишь, то хотябы все картинки, упоминающиеся в коде тоже прилепил бы... __________________ Я делаю Линукс! Присоединяйтесь к свободным людям! Связаться со мной всегда можно по джабберу: Hubbitus@jabber.ru Pahan-Hubbitus.

07.06.2004, 02:35	# 10
Hubbitus мод IMHO Кодер-200(6,7,8) Регистрация: 29.03.2003 Адрес: Saint-Petersburg, Russia Пол: Male Сообщения: 2 734	Подскажем, конечно!... только что? вопрос-то в чем? Или ошибка какая, или не понятно что-то? __________________ Я делаю Линукс! Присоединяйтесь к свободным людям! Связаться со мной всегда можно по джабберу: Hubbitus@jabber.ru Pahan-Hubbitus.

07.06.2004, 22:45	# 14
Hubbitus мод IMHO Кодер-200(6,7,8) Регистрация: 29.03.2003 Адрес: Saint-Petersburg, Russia Пол: Male Сообщения: 2 734	Поидее код верен... А в чем проблема? __________________ Я делаю Линукс! Присоединяйтесь к свободным людям! Связаться со мной всегда можно по джабберу: Hubbitus@jabber.ru Pahan-Hubbitus.

08.06.2004, 00:36	# 18
Hubbitus мод IMHO Кодер-200(6,7,8) Регистрация: 29.03.2003 Адрес: Saint-Petersburg, Russia Пол: Male Сообщения: 2 734	Дак картинки же кешируются!!! Если она уже загружалась, то браузер ее в 98% возьмет из кеша, какой смысл еще мудрить что-то? __________________ Я делаю Линукс! Присоединяйтесь к свободным людям! Связаться со мной всегда можно по джабберу: Hubbitus@jabber.ru Pahan-Hubbitus.

06.06.2004, 22:32	# 9
hempsmoke ::VIP:: IMHO Молодожен-2006 Регистрация: 14.06.2002 Адрес: Moscow Сообщения: 2 921	я что-то туплю.. у меня не получается сделать прелоад одной картинки! не подскажите? img = newImage("pict.gif");

07.06.2004, 12:45	# 11
hempsmoke ::VIP:: IMHO Молодожен-2006 Регистрация: 14.06.2002 Адрес: Moscow Сообщения: 2 921	код правильный? он что -то не пашет... использую вместе с <img src='" onmouseover='this.src=img.src;'>

07.06.2004, 23:35	# 15
hempsmoke ::VIP:: IMHO Молодожен-2006 Регистрация: 14.06.2002 Адрес: Moscow Сообщения: 2 921	не знаю.. в том - то и дело... а если я их уже однажды подгрузил, то даже если обращаться к изобр, не как img.src, а просто названием файла, то она все равно уже подгруженной будет считаться? просто неохота код пириписывать

08.06.2004, 01:21	# 19
hempsmoke ::VIP:: IMHO Молодожен-2006 Регистрация: 14.06.2002 Адрес: Moscow Сообщения: 2 921	я это и имел ввиду... все - спасибо.

19.05.2005, 14:05	# 20
BRULIK Member Регистрация: 24.03.2003 Сообщения: 300	Поддержу тему прелоада. Может кто подскажет как cделать преЛоад медиа файлов ... например .wav файлов. Т.е. чтоб сперва загрузился , а потом начал авто-проигрываться. __________________ 0 Вы в интернете 1 Вы на сайте http://www.imho.ws 2 Вы читаете это 4 Вы не заметили отсутствия пункта 3 5 Вы это проверили 6 Вы улыбаетесь