Roll Over Image не тормозит!

IP FBI · 23.02.2002, 04:21

http://nbalive2001.ea.com/main.html - единтсвенный сайт, где не тормозит ролловер! как прокомментируете??

Subzero · 23.02.2002, 16:37

Прелоад надо делать. Такая функция в дримвивере есть.

0LA · 23.02.2002, 16:49

та не помогает там прелоад... всё равно тормозит.

[subway]design · 23.02.2002, 17:14

1) Всегда надо прелоад делать (и Дрим тут ни причем, руки нужны прямые)
2) Время на компе надо правильно ставить, тогда ИЕ не будет тормозить. А остальные бродилки не тормозят в любом случае...
3) У меня никогда ролловеры не тормозили, только если картинки не догрузились.

Или я что-то пропустил..?

Subzero · 23.02.2002, 18:32

Я про Дрим написал, чтобы ему было легче узнать, как функция работает.

0LA · 24.02.2002, 01:24

вот тут сделано в дриме и тормозит.
великий [subway]design, научи, в чём ошибка, как сделать, чтобы там не тормозило...

RFMitrio · 24.02.2002, 02:30

Кстати, вроде в ИЕ 6 исправили глюк с ролловером после открытия нового окна...

OLA, а как что-то у тебя может работать? Посмотрим код - там функция preloadImages желает получать аргументы и составляет из них массив a[]. У тебя она их не получает. Во-вторых, у тебя прелоад имеджес стоит на событие онлоад. А событие онлоад - это событие ЗАВЕРШЕНИЯ загрузки ХТМЛ-кода. Надо ставить прелоад сразу после тега боди, тогда картинки будут загружаться до ХТМЛ ( правда, в разных браузерах эти алгоритмы различны: в ИЕ, например, они загружаются параллельно). Предварительно грузить надо не только овер имеджи, но и сами гиперссылки-имеджи, причем в порядке оверимедж-гиперссылка.

И вообще дрим и прочие стандартные скрипты лучше не юзать. Писать код собственноручно.

0LA · 24.02.2002, 02:47

...

[subway]design · 24.02.2002, 10:43

Во-первых, выброси Дрим куда-нибудь подальше (см. скриншот из Оперы)

Во-вторых, этот самый Дрим сгенерил такой код, что ### разберешся: какие-то проверки на НН, innerWidth... Я ничего не понял, что там Дрим написал - все почти что в одну строку. Короче, бери этот код и не мучайся (работает под всеми известными вин-бродилками и маками, про линухи - не знаю):

Код:

<script type=text/javascript ><!--

function preload(img) {
var x = new Image;
x.src = img;
return x;
}
var menu = new Array("1","portfolio","email","qwerty");

for(var i=0;i<menu.length;i++) {
var imgOver = preload("menu/"+menu[i]+"_o.gif");

}

function over(n) {
document.images[menu[n]].src = "menu/" + menu[n] + "_o.gif";
}
function out(n) {
document.images[menu[n]].src = "menu/" + menu[n] + ".gif";
}

//--></script>

Комментарии:
1) твои картинки хранятся в папке /menu/ - можешь сменить.
2) "нормальное" положение: 1.gif 2.gif qasd.gif ... n.gif
"наведенное" положение: 1_o.gif 2_o.gif qasd_o.gif ... n_o.gif

3) В массиве перечисляются имена картинок без суффиксов и расширений
4) Ролловер выглядит так:

<a href="..." onmouseover="over(0)" onmouseout="out(0)"><img src=/menu/1.gif width=40 height=40 border=0 name=1 ></a>

Имя картинки должно совпадать с элементом массива, к которому она обращается через over()/out()

Вроде все сказал...

Удачи!

[subway]design · 24.02.2002, 10:51

Да, кстати, сайтик очень понравился, спасибо