Проблема касаеться Java Script,

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

Мне это нужно для оформления меню на сайте.

Если б мне нужно было б просто менять цвет background -да то проблем нет, но вот с с файлом - не получаеться.

Я делаю следующим образом:

Код

<td onMouseOver="this.style.background='images/im_1.gif' " onMouseOut="this.style.background='images/im_2.gif' "   background="images/im_2.gif" >

И ничего, выдает Java Script ошибку - и ничего не происходит, или же просто заменяеться на белый фон и все...

Как альтернативу могу пребложить не менять background, а использовать обыкновенные картинки, которые при наведении будут меняться. Код проще.

Или тебе именно background нужен?

Red Dragon мне бы лучше с background, лучше текст выглядит...


а вообще что быстрее загружаеться background или фото? Чем лучше пользоваться с точки зрения быстроты загрузки сайта?

Попробуй так, у меня работает

<table>
<tr>
<td id="qqq"
onMouseover="qqq.background='images/im_1.gif' "
onMouseOut="qqq.background='images/im_2.gif' ">
Пример
</td>
</tr>
</table>

Это сообщение отредактировал(а) Red Dragon - 27.5.2004, 23:23

Red Dragon , класс - работает,
спасибо пребольшое!

nicka
Только эти картинки, наверное, надо всё равно предварительно загружать.

Цитата

Только эти картинки, наверное, надо всё равно предварительно загружать.

это как?

В заголовке создаем картинки, они загрузятся автоматически:

Код

img=new Image(); img.src="http://host/images/img.jpg";

Бакгроунд лучше через стили менять:

Код

<div onMouseOver="this.style.backgroundImage='url(test1.jpg)';" onMouseOut="this.style.backgroundImage='url(test2.jpg)'"> Test </div>

Что-то не выходит

Цитата

img=new Image(); img.src="http://host/images/img.jpg"; Бакгроунд лучше через стили менять: Код <div onMouseOver="this.style.backgroundImage='url(test1.jpg)';" onMouseOut="this.style.backgroundImage='url(test2.jpg)'"> Test </div>

здесь img.src="http://host/images/img.jpg"; надо наверное test1.jpg вместо img.jpg ??
и повторить тоже для второго рисунка?

а нельзя

Код

<div onMouseOver="this.style.backgroundImage='url(test1.jpg)';" onMouseOut="this.style.backgroundImage='url(test2.jpg)'"> Test </div>

вместо div - посадить это в <td> ??

У меня так первая часть

Код

<script language="JavaScript" type="text/JavaScript"> img=new Image(); img.src="D:\Marica\InfoPortal\infoportal\images_info\menu1.gif"; img2=new Image(); img2.src="D:\Marica\InfoPortal\infoportal\images_info\menu_off.gif"; </script>

и так вторая

Код

<td onMouseover=="this.style.backgroundImage='url(menu_off.gif)';"  onMouseOut="this.style.backgroundImage='url(menu1.gif)';"  height="23" background="images_info/menu1.gif" class="texttitle"  >  Разделы<td>

Знаю, что что-то здесь не то, но не знаю что?
Вообщем не работает...

Ты грузишь картинки с одним путем: "D:\Marica\InfoPortal\infoportal\images_info\menu1.gif"
А в скрипте с совсем другим: "menu1.gif"
Вот так будет работать:

Код

img=new Image(); img.src="./images_info/menu_off.gif"; img2=new Image(); img2.src="./images_info/menu1.gif"; ... <td onMouseOver="this.style.backgroundImage='url(./images_info/menu_off.gif)';"  onMouseOut="this.style.backgroundImage='url(./images_info/menu1.gif)';" height="23" background="./images_info/menu1.gif" class="texttitle"  >  Разделы<td>