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

[Anonymous]

На моей странице есть несколько изображений, которые переносят вас на другие страницы при нажатии на них, но я не могу использовать метод onclick(), возвращающий false, чтобы изменить их при наведении на них курсора.
Это то, что мне нужно для стилизации экспериментов по изменению при наведении:

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

img {
width: 280px
}

/*  Rollover image styles  */

#picture {
display: block;
width: 200px;
height: 200px;
background-image: url(https://media.tenor.com/WueJYqDbbO0AAAAj/noodle-gorillaz-noodle.gif);
border: none;
text-decoration: none;
background-repeat:no-repeat;
}

#picture:hover {
background-image: url(https://media.tenor.com/O9wx4k1Hkb4AAAAj/noodle-gorillaz.gif);
background-repeat: no-repeat;
}

а вот что у меня есть для тела:

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

 [url=https://b-hephard.neocities.org/Agu][/url]

Вот изображения, которые я хочу изменить:

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

[url=https://b-hephard.neocities.org/Oli][/url]
[url=https://b-hephard.neocities.org/Agu][/url]

Я пробовал играть с порядком и вводить и вынимать id, img src, alt.


Подробнее здесь: https://stackoverflow.com/questions/796 ... t-but-that