В предыдущем уроке показывалось, как увеличивать картинку при наведении курсора мышки.
Для того что бы при наведении курсора мышки происходила смена картинки нужно, помимо размеров, дописать путь к новой картинке в onmouseover="" и путь к изначальной картинке в onmouseout=""

Для примера возьмём такую картинку, как начальную:



И такую для смены при наведении:



Теперь напишем код, в котором реализуем всё выше описанное.

<p><img src="images/greenhtml0.jpeg" width="64" height="60" 
onmouseover="this.src='images/greenhtml1.jpeg'; this.width=64;this.height=60;" 
onmouseout="this.src='images/greenhtml0.jpeg'; this.width=64;this.height=60;" /></p>