利用Jquery实现鼠标滑动显示大图

效果如下：http://www.vancl.com/Product_4221614/QuanMianShuangCengVLingZhenZhiShan+TianLanSe.html

 

可以在http://www.magictoolbox.com/magiczoom_examples/ 下载   

views.aspx 引用如下：

<link href="CSS/MagicZoom.css" type="text/css" rel="stylesheet" />
    <style>
 img {
  border: 0px;
 }
 </style>
<script src="JS/mz-packed.js" type="text/javascript" ></script>

 

<td align="left" valign="baseline" ><a href="<%=imgUrl[2].ToString()%>" style="cursor:crosshair" class="MagicZoom"><img src="<%=imgUrl[1].ToString()%>"/></a></td>

 

很简单，但是昨天却搞了半天，我之前用的是views.ascx在 用户控件中 死活都不行，后来改在aspx页面就OK啦，不知道为什么在用户控件中不能实现但是也不报错 这个有待探讨