锋利的Jquery中切换图片的问题

[sinat_36331902]

8.6的网页脚本 详细页detail的功能
第一问 不明白最后的触发a的click事件是哪个事件？
5.右侧产品颜色切换
/*衣服颜色切换*/
$(function(){
$(".color_change ul li img").click(function(){
$(this).addClass("hover")
.parent().siblings().find("img").removeClass("hover");
var imgSrc = $(this).attr("src");
var i = imgSrc.lastIndexOf(".");
var unit = imgSrc.substring(i);
imgSrc = imgSrc.substring(0,i);
var imgSrc_small = imgSrc + "_one_small"+ unit;
var imgSrc_big = imgSrc + "_one_big"+ unit;
$("#bigImg").attr({"src": imgSrc_small });
$("#thickImg").attr("href", imgSrc_big);
var alt = $(this).attr("alt");
$(".color_change strong").text(alt);
var newImgSrc = imgSrc.replace("images/pro_img/","");
console.log(newImgSrc );
$("#jnProitem .imgList li").hide();
$("#jnProitem .imgList").find(".imgList_"+newImgSrc).show();
//解决问题：切换颜色后，放大图片还是显示原来的图片。
$("#jnProitem .imgList").find(".imgList_"+newImgSrc).eq(1).find("a").click();

});
});
第二问 3.单击小图片切换大图 脚本代码
$(function(){
$("#jnProitem ul.imgList li a").bind("click",function(){
var imgSrc = $(this).find("img").attr("src");
var i = imgSrc.lastIndexOf(".");

var unit = imgSrc.substring(i);

imgSrc = imgSrc.substring(0,i);
var imgSrc_big = imgSrc + "_big"+ unit;
$("#thickImg").attr("href" , imgSrc_big);
});
});
html代码

<li class="imgList_blue"><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: 'images/pro_img/blue_one_small.jpg',largeimage: 'images/pro_img/blue_one_big.jpg'}"><img src='images/pro_img/blue_one.jpg' alt=""/></a></li>

单击小图片切换大图时，利用的a的rel属性 并没有添加click事件 那么我的理解是 只要目标需要替换图片的元素是<a>元素 并且所点击的元素也是a元素 就可以利用rel属性 建立自定义对象数据 并且 smallimage，,largeimage: 是系统自动识别 即缩略大图选用smallimage 而 放大镜图采用,largeimage
smallimage，,largeimage两个属性是必需的么 ？