电子商务网站产品详细页-实现产品图片放大镜效果（jQuery）

[align=center]电子商务网站产品详细页-实现产品图片放大镜效果（jQuery）[/align]

在电子商务网站的产品介绍页面，实现如下图所示的效果。
代码

<div id="medium-img-box">
<a href="http://www.giftcenter.cn/giftcenterpictures/img640/02/102/02-102-015.jpg" id="jqzoomBox" class="jqzoom" title="图片预览">
<img src="http://www.giftcenter.cn/giftcenterpictures/img126/02/102/02-102-015.jpg" id="imgMedium" />
</a>
</div>
<div>
<ul>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015.jpg" alt="" width="40" height="30" /></li>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015-01.jpg" alt="" width="40" height="30" /></li>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015-02.jpg" alt="" width="40" height="30" /></li>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015-03.jpg" alt="" width="40" height="30" /></li>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015-04.jpg" alt="" width="40" height="30" /></li>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015-05.jpg" alt="" width="40" height="30" /></li>
<li>
<img src="http://www.giftcenter.cn/giftcenterpictures/img80/02/102/02-102-015-06.jpg" alt="" width="40" height="30" /></li>
</ul>
</div>

感谢Jacky 大师的帮助！完整的演示效果，请访问如下地址：
http://demo.entlib.com/Site/ProductDetailInfo.aspx?sysno=445
在线演示网站。