Мгновенный вывод картинки в меню @ DeForum.ru

1 Сообщения: 146 Зарегистрирован: 19.06.03

Как сделать так, чтобы при наведении мышки на пункт меню подгружалась картинка (в виде background).

В моем случае при наведении на пункт картинка снова загружается с сервера.
Я делал появление картинки с помощью событий onmouseout и onmouseover. Действием является смена CSS стиля ячейки таблицы.

Пытался даже использовать встроенные скрипты Dreamweavera - preloadImage() и simplePreload(), но почемуто они не действуют.

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

Поощрить что ли?..

Код:

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImage(pic, overpic) {
if (document.images && (preloadFlag == true)) {
document[pic].src = overpic;
}
}

var preloadFlag = false;
function preloadImages() {
frame = new Array();
a = preloadImages.arguments;

if (document.images) {
for (i=0; i<a.length; i++) {
if (a[i].indexOf("#")!=0) { frame[i] = newImage(a[i]); }
}
preloadFlag = true;
}
}

Код:

<a href="index.html" onMouseOver="changeImage('b1', 'p1_2.gif')" onMouseOut="changeImage('b1', 'p1.gif')"><img src="img/p1.gif" border="0" height="9" width="89" name="b1" alt="главная" title="главная"></a>

1 Сообщения: 146 Зарегистрирован: 19.06.03

Спасибо за скрипт! но он меняет картинку <img>, а как сделать так, чтобы картинка, находящаяся в background ячейки быстро загружалась. Чтобы он по сто раз к серверу не обращался, а грузил ее с машины клиента.

Код:

img_on = new Image ;
img_off = new Image ;  

img_on.src = "img/on.jpg";
img_off.src = "img/off.jpg"; 

и далее работать уже с img_on и img_off

1 Сообщения: 146 Зарегистрирован: 19.06.03

Ладно, присвоил картинки переменным. А как дальше поменять фоновую картинку. Для того чтобы поменять цвет фона я пишу:

Код:

onmouseover="this.style.background='#FF0000'"

а что надо написать чтобы сменилась фоновая картинка?

style.backgroundImage='url(i/mtbg-a.gif)'

DeДверь
Логин:
Пароль:
	Автологин