Смена изображения при наведении курсора (JavaScript)
Опубликовано: 05.09.2018
Скрипт производит смену изображения при наведении на него курсора. При снятии курсора с изображения, изображение меняется на исходное. В скрипте используется предварительное кэширование изображения, чтобы ускорить его вывод в документ.
Для работы скрипта, необходимо добавить его в onload тега body, или запустить функцию imgChange() в теле документа, после тега исходного изображения.
HTML-данные, необходимые для работы скрипта:
<body onload="imgChange();"> <!-- здесь исходное изображение --> <img src="images/image1.jpg" name="image1" height="200" width="250">JS-скрипт смены изображения:
var secondImg = new Image (); // кэширование второго изображения secondImg.src = "images/image2.jpg"; function imgChange() { var img = document.images.image1; var firstImage = img.src; img.onmouseover = function () { img.src = secondImg.src; } img.onmouseout = function () { img.src = firstImage; } }HTML-замена картинки
Freeden
4728