Отличная особенность jQuery — возможность динамического изменения изображения, например, когда вы наводите курсор мыши на определенную область экрана, изображение меняется.
Как это сделать: Вы ссылаетесь на свойство 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: