imgzoom是一款基于jQuery的图片方法插件。
1.引入jQuery与imgzoom,imgzoom.css
<link rel="stylesheet" href="css/jquery.imgzoom.css" /> <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script type="text/javascript" src="js/jquery.imgzoom.min.js" ></script>
2.调用插件
$(".main").imgzoom({position:"inner"});
1. position:放大图片显示的位置,包括‘inner’,'top','left','right','bottom'。
2. boxWidth:图片锁定区域框的宽度。
3. boxHeight:图片锁定区域框的高度。
4. borderRadius:图片锁定区域框的圆角弧度
5. left:当图片位置不为inner时候,left有效
6. top:当图片位置不为inner的时候,left有效