Αρχικά με το "image source" ορίζουμε, η εικόνα να είναι "messolonghi1.png".
Όταν είναι επάνω το ποντίκι "onmouseover" η εικόνα να είναι "messolonghi2.png".
Όταν το ποντίκι φεύγει πάνω από την εικόνα "onmouseout" η εικόνα να είναι "messolonghi1.png"
<img src="http://makeall.wikispaces.com/space/showimage/messolonghi1.png"
onmouseover="this.src='http://3.bp.blogspot.com/-IFkofc9uzLU/UdRwBPjIxnI/AAAAAAAA9I4/p1sAy5KHZrg/s763/1+%CE%AC%CF%83%CE%BA%CE%B7%CF%83%CE%B7.png';"
onmouseout="this.src='http://makeall.wikispaces.com/space/showimage/messolonghi1.png';" />
πηγή:http://www.dr-blogger.com/