Вы можете использовать для этого либо Javascript, либо CSS, ниже представлен подход javascript.
window.addEventListener("load", function load (event) {
window.removeEventListener("load", load, false);
tieEvents();
}, false);
function tieEvents() {
var button = document.getElementById('Dumb');
button.addEventListener("mouseover", hovered, false);
button.addEventListener("mouseout", unhovered, false);
function hovered() {
button.src = "anotherimg.png";
}
function unhovered() {
button.src = "anotherimg.png";
}
};
JSFiddle Demo
Обратите внимание, что установка событий в HTML не является хорошей практикой, лучше связать их в Javascript.
Способ CSS следующий:
#Dumb {
backgroud: url("dump.png");
}
#Dumb:hover {
backgroud: url("another.png");
}
JS Fiddle Demo