How do you change an image when hovering over?

I want it so that when you hover over an image, the image changes and goes back to normal when your mouse goes out. I tried using a style switcher, but the effect has that when you hovered over the image blinked really fast. What do I need to accomplish this???|||%26lt;img src=%26quot;ORIGINAL PICTURE%26quot; onMouseOver=%26quot;src= %26#039;ROLL OVER PICTURE%26#039; %26quot; onMouseOut=%26quot;src=%26#039;ORIGINAL PICTURE%26#039; %26quot;%26gt;





EXAMPLE:





%26lt;img src=%26quot;sunset.jpg%26quot; onMouseOver=%26quot;src= %26#039;Winter.jpg%26#039; %26quot; onMouseOut=%26quot;src= %26#039;sunset.jpg%26#039; %26quot;%26gt;