I have a button and an image and want them to change color `onmouseover`.
The button changes color fine:

```
<script>
function secondColor(x) {
x.style.color="#000000";
}
function firstColor(x) {
x.style.color="#ffaacc";
}
</script>

<input onmouseover="secondColor(this)" onmouseout="firstColor(this)" type="submit"><br>

```

How can I do the same thing with the image? Is there any way:

```
<img src="..." ...... 

```

Or do I have to have a second image to replace the first one `onmouseover` and this is the only way?