html5 로 그래픽 에디터 만드는거인데요 ㅠㅠ



inpujt type 중에 color를 사용해서요 .. 칼라 클릭에 따라 image 가 바뀌는 것을 보여주고 싶은데요.



쇼핑몰에 보면 하얀색 기본 후드티가 있으면 빨간색 클릭하면 빨간색으로 바뀌고요 . 전체 폼은 만들었는데 어떻게 연결해서



해야할지 모르겠어요



소스입니다.



<meta charset="utf-8">
CSS Three Column Liquid Layout by Mani Sheriar

<style>
/* CSS Document */

body {
margin:10px 0 0 0;
padding:0;
color:#666;
background-color: #FFF;
font:normal 0.75em/1.5em "맑은 고딕", "돋움";
}
#main_wrap {
margin:0 auto;
width:95%;
min-width:650px;
max-width:1500px;
border:2px solid #333;
}

header {
background:#BB62AB;
padding:10px;
margin:0;
text-align:center;
color:#FFF;
}


#inner_wrap {
position:relative;
margin:0;
padding:7px;
}
nav {
position:relative;
top:-7px;
left:-7px;
float:left;
width:200px;
height:220px;
margin:0 0 -7px 0;
padding:20px;
background:#ECB9E8;

}

article {
position:relative;
padding:0 0 0 220px;
}
footer {
position:relative;
background:#999999;
top:1px;
width:1500px;
height:100px;
clear:both;
margin:0;
padding:10px 0;
text-align:center;
color:#CCC;
}

.rcorner {
border:2px solid #000000;
border-radius:20px;
width:800px;
height:80px;
margin-left: 400px;
linear

</style>


<body>


Graphic Editor









BEAR



























Quantity



S

M

L

XL















</body>
</html>