Я на своей страничке использую кнопки работающие со скриптом и меняющие цвет текста и цвет кнопки, но он очень медленно работает. Кнопка при наведении на неё мышки меняет своё состояние очень медленно с задержкой и наверное догружает новый рисунок кнопки с сайта.
Как этот процесс ускорить. Хочется чтобы страничка была всё таки красивой и быстро работала.
Подскажите пожалуйста.

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

http://forum.vingrad.ru/index.php?showtopic=47159

И пожалуйста, на будущее, постите вопросы подобного характера в раздел для начинающих

Вот совсем простенький пример:

Код

<html> <head> <script language='JavaScript'> pics = new Array(); pics['BActive'] = new Image(); pics['BActive'].src = 'BannerActive.gif'; pics['BPassive'] = new Image(); pics['BPassive'].src = 'BannerPassive.gif'; pics['BPushed'] = new Image(); pics['BPushed'].src = 'BannerPushed.gif'; </script> </head> <body> <a href='JavaScript: void(0)' onMouseOver="this.children[0].src = pics['BActive'].src" onMouseOut="this.children[0].src = pics['BPassive'].src" onMouseDown="this.children[0].src = pics['BPushed'].src" onMouseUp="this.children[0].src = pics['BActive'].src"><img src=BannerPassive.gif width=88 height=31 border=0></a> </body> </html>

работает в IE и Опере, в Лисе не пашет (нужно юзать ID).

Ciber SLasH, давай договоримся В давних традициях этого раздела - писать кроссбраузерные скрипты.
пусть так и остаётся. Лучше вообще код не публиковать, чем публиковать не работающий где либо

Как видно из поста у человека проблемы не подмене картинок, а в кэшировании оных.
По линьку, который я дал Сардар описывает, как динамически подгружать изображения.
В данном случае подойдёт обыкновенное кэширование, которое выполнится так:

Код

<body> <!-- Создаём невидимый элемент, содержащий все нужные нам картинки--> <div style="display:none;"> <img src="1.jpg"> <img src="2.jpg"> <!-- Так и выписываем сюда все картинки, которые смогут нам понадобится--> <div> <!-- Дальше - Ваш ХТМЛ код :) --> </body>

Цитата(sergej @ 14.6.2005, 23:55)

Ciber SLasH, давай договоримся smile В давних традициях этого раздела - писать кроссбраузерные скрипты.

ОК, больше не буду.

Сделал как подсказали:

Код

<div style="display:none;"> <img src="IndexFiles/Ind.png" alt="" > <img src="IndexFiles/Comp.png" alt="" > <img src="IndexFiles/Ind_over.png" alt="" > <img src="IndexFiles/Comp_over.png" alt="" > </div>

Пробовал и внешние скрипты и вписывал скрипт в текст страницы, всё равно тормозит.
Прежде чем изменяется рисунок кнопки идет какая то дозагрузка с сайта.
Кнопки сделаны в формате PNG и имеют размер 300 максимум 500 байт.
Может я что то не так делаю.
Подскажите 100% работающий код или дайте ссылку, пожалуйста.

Это сообщение отредактировал(а) Aliance - 16.6.2005, 12:42

как реализовать быстр. загрузку рисованых кнопок..

1 Можно сменить хостинг
2 Купить модем на 100 000 Кб\с
3 Сменить провайдера
4 Применить предварительную загрузку картинок на страничку
5 Применить более эффективное сжатие картинок
6 Избавиться от картинок и писать все в строчку..... букваим и ссылками

Фуу вроде все изложил что знал.

Ну тогда, код в студию!

Код нужно было первым делом дать.

Ciber SLasH
Предзагрузка не с массивом, а с объектом так лучше

Сайт на nm.ru, но при чём здесь хостинг и провайдер?
Скрипт должен работать и картинки предварительно загружаться.
Не пойму в чём дело.
Когда открываю такие же странички с других сайтов, с такими же скриптами и кнопками всё работает. Их же вписываю в свою, начинает тормозить. Почему всётаки происходит дозагрузка.
Пробовал даже чужие странички ставить, всё равно тормоз.
Почему картинки не кэшируются.

Дайте хотя бы ссылку на страницу...

Они что вообще не грузятся?

тебе нужен алгоритм или просто как это сделать?

Картинки грузятся, но тормозит когда наводишь на них мышь и другая появляется с задержкой, т.к. идёт опять дозагрузка. Видимо не кэширует почему то.
Сделал такие же кнопки на апплете всё прекрасно работает, а на скрипте тормозит.

 Вот пример. Обратите внимание, что верхние маленькие картинки с номерами не подгружаются. Поэтому она долго не появляется, а вот большие картинки подгружаются и показываются поэтому даже шустрее. просто покликайте по картинкам. CTRL+F5 очистит кэш от картинок для новых тестов.
Вот наружний линк на этот пример:
http://files.vingrad.ru/sergej.z/js/exampl...cs_ex/bild.html
[doHTML_g]
<iframe src="http://files.vingrad.ru/sergej.z/js/examples/pics_ex/bild.html" width="700" height="500"></iframe>
[/doHTML_g]

Вот код страницы:


Ещё вопрос, код свой  дадите, или так и будем с бубном вокруг прыгать?    

Код

<body bgcolor=#FFEAD5> <img src="IndexFiles/1x1.gif" width=983 height=50><br> <div style="display:none;"> <img src="IndexFiles/Ind.png" alt="" > <img src="IndexFiles/Comp.png" alt="" > <img src="IndexFiles/Mail.png" alt="" > <img src="IndexFiles/Info.png" alt="" > <img src="IndexFiles/Foto.png" alt="" > <img src="IndexFiles/Pro.png" alt="" > <img src="IndexFiles/Ind_over.png" alt="" > <img src="IndexFiles/Comp_over.png" alt="" > <img src="IndexFiles/Mail_over.png" alt="" > <img src="IndexFiles/Info_over.png" alt="" > <img src="IndexFiles/Foto_over.png" alt="" > <img src="IndexFiles/Pro_over.png" alt="" ></div> <script Webstyle4 src="IndexFiles/xsjog.js"></script> </body>

Скрипт сделан в программе Xara Webstyle4

Код

//©Xara Ltd var clicked=""; var gtype=".png"; var selstate="_over"; if (typeof(loc)=="undefined" || loc==""){ var loc=""; if (document.body&&document.body.innerHTML){ var tt=document.body.innerHTML; var ml=tt.match(/["']([^'"]*)xsjog.js["']/i); if(ml && ml.length > 1) loc=ml[1]; } } document.write("<table border=\"0\" cellspacing=\"0\" cellpadding=\"1\"><tr>"); tr(false); writeButton(loc+"../","index.html","Ind",90,16,"","",0); writeButton(loc+"../","Project.html","Pro",90,16,"","",0); writeButton(loc+"../","Comp.html","Comp",90,16,"","",0); writeButton(loc+"../","Foto.html","Foto",90,16,"","",0); writeButton(loc+"../","Mail.html","Mail",90,16,"","",0); writeButton(loc+"../","Info.html","Info",90,16,"","",0); writeButton(loc+"../","xsjog7.html","xsjog_b7",100,18,"Почта","",0); tr(true); document.write("</tr></table>"); loc=""; function tr(b){} function turn_over(name) { if (document.images != null && clicked != name) { document[name].src = document[name+"_over"].src; } } function turn_off(name) {if (document.images != null && clicked != name) {document[name].src = document[name+"_off"].src;}}function reg(gname,name){if (document.images){document[name+"_off"] = new Image();document[name+"_off"].src = loc+gname+gtype;document[name+"_over"] = new Image();document[name+"_over"].src = loc+gname+"_over"+gtype;}}function evs(name){ return " onmouseover=\"turn_over('"+ name + "')\" onmouseout=\"turn_off('"+ name + "')\""}function writeButton(urld,url,name,w,h,alt,target,hsp){gname=name;while(typeof(document[name])!="undefined")name+="x";reg(gname,name);tr(true);document.write("<td>");if(alt!="")alt=" alt=\""+alt+"\"";if(target!="")target=" target=\""+target+"\"";if(w>0)w=" width=\""+w+"\"";else w="";if(h>0)h=" height=\""+h+"\"";else h="";var l=clicked!=""||!isCurrentFile(url);if(url!="")url=" href=\""+urld+url+"\"";if(l){if(typeof(clx)!="undefined"){target="";url=" href=\"?"+clx+"\"";alt=" alt=\"Click to edit\"";}document.write("<a "+url+evs(name)+target+">");}else gname+=selstate;gname+=gtype;if(hsp==-1)hsp=" align=\"right\"";else if(hsp>0)hsp=" hspace=\""+hsp+"\"";else hsp="";document.write("<img src=\""+loc+gname+"\" name=\""+name+"\""+w+h+alt+hsp+" border=\"0\" />");if(l)document.write("</a>");document.write("</td>");tr(false);}function syncFile(f,nf){var matches='home.html*index.html*welcome.html*default.asp';var p=f.lastIndexOf('/');var sf=f;if(p>=0)sf=f.substr(p+1,f.length-1);if(matches.indexOf(sf)==-1)return "";return sf;}function isCurrentFile(str){var p=str.lastIndexOf(':');if(p>0)str=str.substr(p+1,str.length-1);str=escape(str);str=str.toLowerCase();while(str.length>3&&str.substring(0,3)=="../")str=str.substr(3,str.length-1);var fstr=str.indexOf(".htm");if(fstr==-1)fstr=str.indexOf(".asp");if(fstr==-1)fstr=str.indexOf(".php");if(fstr==-1)fstr=str.indexOf(".jsp");if(fstr==-1)fstr=str.indexOf(".txt");if(fstr<1&&str.charAt(str.length-1)!='/')str+="/";var current=document.location.href.toLowerCase();p=current.lastIndexOf('?');if(p>0)current=current.substr(0,p);var fcurrent=current.indexOf(".htm");if(fcurrent==-1)fcurrent=current.indexOf(".asp");if(fcurrent==-1)fcurrent=current.indexOf(".php");if(fcurrent==-1)fcurrent=current.indexOf(".jsp");if(fcurrent==-1)fcurrent=current.indexOf(".txt");if(fcurrent<1&&current.charAt(current.length-1)!='/')current+="/";if(fstr!=-1&&fcurrent==-1)current+=syncFile(str,current);if(fstr==-1&&fcurrent!=-1)str+=syncFile(current,str);var currsize=current.length;var strsize=str.length;while(strsize>=0&&currsize>=0){if(current.charAt(currsize)!=str.charAt(strsize))return false;currsize=currsize-1;strsize=strsize-1;}return true;}

Это сообщение отредактировал(а) Aliance - 24.6.2005, 12:20

Павел, лучше скажи что тебе нужно конкретно, напишем. Разбирать чужой плохо читаемый код не хочеться, либо пройдись по нему любым форматером.

Павел
Если ты думаешь, что мне приятно делать этот код удобочитаемым - то ты ошибаешься.
Сам попробуй, а то не красиво как-то выкладывать "такое" на всеобщее обозрение.
Уроме того у тебя ошибка в 10 строчке.

Извини!
Но я так и не понял в чём моя ошибка и почему они всё-таки догружаются медленно.