Untitled

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <title>magia</title>
	 </head>
	 <body>
	 <p>
	 <img src="ikona1.png" alt="" id='ikona'/>
	 </p>
<script type="text/javascript">
var  ikona_n = new Image();
ikona_n.src = 'ikona2.png';

var  ikona_p = new Image();
ikona_p.src = 'ikona1.png';

var obraz = document.getElementById('ikona');
obraz.onclick = function() {
this.src = ikona_n.src
}
obraz.onmouseout = function(){
this.src = ikona_p.src
}
</script>
</body>
</html>