Как изменить изображение при наведении курсора на ссылку в HTML с помощью JavaScript? [дубликат] ⇐ Javascript

[Anonymous]

При наведении курсора на ссылку на что-либо пустое изображение должно заменяться изображением, связанным с этой ссылкой, поэтому при наведении курсора на одну ссылку отображается изображение 1, а при наведении курсора на другую — изображение 2 и так далее. Когда ничего не наведено, происходит возврат к пустому изображению по умолчанию. Это не работает по какой-то причине. Я пробовал это:
Javascript:

Код: Выделить всё

function onHover()
{
var name = document.getElementById("t_link").className;
$("#thumbs").attr('src', 'img/thumbs/'+name+'.png');
}

function offHover()
{
$("#thumbs").attr('src', 'img/thumbs/_b.png');
}

HTML:

Код: Выделить всё

Код: Выделить всё

        link title

[img]img/thumbs/_b.png[/img]

Это должно работать так: имя класса используется для объединения со строкой каталога, чтобы оно соответствовало уже существующему имени файла изображения. _b.png — это пустое изображение по умолчанию, о котором я упоминал ранее.
Я искал решения на этом сайте и писал на основе того, что видел в сообщении, но оно не работает, и я провел некоторую отладку, а функции даже не вызываются. что я делаю не так?

Подробнее здесь: https://stackoverflow.com/questions/798 ... javascript