Radio button смяна на картинка

[sle]

Как мога да направя една картинка върху която долу в ъгъла има два Радио бутона и когато натисна единия радио бутон да е една картинка ,а при натискане на другя да се сменя с друга картинка ?

 

[shterev]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> Добре дошли!</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
	<body>
		
		<input onclick="changeSRC('image-2.png')"  type="radio" name="1"/>
		<input onclick="changeSRC('image-1.png')"  type="radio" name="1"/><br/>
		<img id="image" src="icon.png" alt="" />
		
		<script type="text/javascript">
			function changeSRC(item){
				document.getElementById('image').src = item;
			}
		</script>
	</body>
</html>

Ами това дали ще ти свърши работа, само трябав да си позиционираш нещата както искаш