jQuery仿淘宝页面--变色，切换图片

//服装变颜色
<script type="text/javascript">
			$(function(){
				$(".color_change img").click(function(){
					var src=$(this).attr("src");
					var alt=$(this).attr("alt");
					
					$(".color_change strong").text(alt);
					
					var src1=src.replace(".jpg","_one.jpg");
					var src2=src.replace(".jpg","_two.jpg");
					var src3=src.replace(".jpg","_three.jpg");
					if(alt=="粉绿"){
					$(".imgList img:eq(2)").hide();
					}
					else{
					$(".imgList img:eq(2)").show();
					}
					
					
					$(".imgList img:eq(0)").attr("src",src1);
					$(".imgList img:eq(1)").attr("src",src2);
					$(".imgList img:eq(2)").attr("src",src3);
					
                    
					
					var small=src.replace(".jpg","_one_small.jpg");
					var big=src.replace(".jpg","_one_big.jpg");
					$(".jqzoom img").attr({
						src:small,
						jqimg:big
					});
				})
			})

效果图如下：
没点颜色之前

点击之后

切换图片：

//切换图片
<script type="text/javascript">
			$(function(){
				$(".imgList img").click(function(){
					var src=$(this).attr("src");
					var small=src.replace(".jpg","_small.jpg");
					var big=src.replace(".jpg","_big.jpg");
					$(".jqzoom img").attr({
						src:small,
						jqimg:big
					});
				})
			})

效果图如下：


点击下方图片，可自由切换大小图片