update image

by Adam Granger

HTML

<img src="" alt="" class="animal" onmouseover="horse(this)" onmouseout="cow(this)">
    
<img src="" alt="" class="animal" onmouseover="horse(this)" onmouseout="cow(this)">

<img src="" alt="" class="animal" onmouseover="horse(this)" onmouseout="cow(this)">

CSS

.animal {
  width: 50px;
  height: 50px;
  border: 1px solid red;
}

JavaScript

function cow(target) {
  target.src = 'http://fd2d.com/images/accounts/2820/avatar.jpg';
}

function horse(target) {
  target.src = 'http://www.barobpreview.co.uk/wp-content/uploads/2012/11/Horse-48x48.jpg';
}