Смена изображения при наведении курсора (JavaScript)
Вход Регистрация

Смена изображения при наведении курсора (JavaScript)

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

Для работы скрипта, необходимо добавить его в 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; }
}

Комментировать

captcha

Вход

Зарегистрируйтесь, если нет учетной записи

Напомнить пароль
Регистрация
Напомнить пароль
Войти в личный кабинет