• Главная
  • Карта сайта
Не найдено

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

Опубликовано: 05.09.2018

видео Смена изображения при наведении курсора (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; } }


HTML-замена картинки

Freeden

4728

Новости
Провайдеры:
  • 08.09.2015

    Batyevka.NET предоставляет услуги доступа к сети Интернет на территории Соломенского района г. Киева.Наша миссия —... 
    Читать полностью

  • 08.09.2015
    IPNET

    Компания IPNET — это крупнейший оператор и технологический лидер на рынке телекоммуникаций Киева. Мы предоставляем... 
    Читать полностью

  • 08.09.2015
    Boryspil.Net

    Интернет-провайдер «Boryspil.net» начал свою работу в 2008 году и на данный момент является одним из крупнейших поставщиков... 
    Читать полностью

  • 08.09.2015
    4OKNET

    Наша компания работает в сфере телекоммуникационных услуг, а именно — предоставлении доступа в сеть интернет.Уже... 
    Читать полностью

  • 08.09.2015
    Телегруп

    ДП «Телегруп-Украина» – IT-компания с 15-летним опытом работы на рынке телекоммуникационных услуг, а также официальный... 
    Читать полностью

  • 08.09.2015
    Софтлинк

    Высокая скоростьМы являемся участником Украинского центра обмена трафиком (UA — IX) с включением 10 Гбит / сек... 
    Читать полностью

rss