Статьи

jQuery изменить изображение при наведении

Отличная особенность jQuery – возможность динамического изменения изображения, например, когда вы наводите курсор мыши на определенную область экрана, изображение меняется.

jquery-change-image-on-hover

Как это сделать: Вы ссылаетесь на свойство image src и изменяете его с помощью 2 функций. Первая функция меняет изображение, а вторая – обратно. Затем в HTML мы добавляем событие в область, в которой мышь будет запускать функции (обратите внимание, что эти триггеры также могут быть добавлены в JavaScript). Просто как тот. Посмотреть демо

JQuery изменить изображение динамически

//this code sits outside the (document).ready function function twittereyesopen() { //alert("open"); var name_element = $('#twitter-image'); name_element.src = "/images/page-images/twitter-eyes-open.jpg"; } function twittereyesclosed() { //alert("closed"); var name_element = $('#twitter-image'); name_element.src = "/images/page-images/twitter-eyes-closed.jpg"; } 

Следующее входит в HTML: