JavaScript смена изображений с помощью onmouseover и onmouseout

Question

Я смотрел на похожие вопросы и ответы по переполнению стека, которые я не могу заставить работать. все находит, когда страница загружается, но когда я наводю курсор мыши, она не показывает новый gif.

При проверке кода в браузере происходит переключение между двумя изображениями.

Answer 1

у вас должен быть только один атрибут sr c внутри тега , вы можете попробовать код ниже:

Answer 2

Вместо использования javascript для изменения источника изображения при наведении и наведении курсора мыши, будет лучше изменить источник изображения на основе только при наведении курсора.

Проверьте это: CSS: изменить image sr c on img: hover

• При наведении указывается как событие mouseenter, так и событие mouseleave.

• Лучше при наведении мыши для ситуаций, когда вас волнует только когда мышь перешла границу в элемент, и вам не важно, что произойдет, если она уйдет Если вы хотите вызвать какое-либо событие для элемента.

Answer 3

Вам не нужно / в начале вашего пути к GIF.

Замените document.getElementById("smile").src = "/smiley.gif" на document.getElementById("smile").src = "smiley.gif"

То же самое для sing.gif