imgzoom是一款基于jQuery的图片方法插件。
1.引入jQuery与imgzoom,imgzoom.css
1 2 3 | < link rel = "stylesheet" href = "css/jquery.imgzoom.css" /> < script type = "text/javascript" src = "js/jquery.imgzoom.min.js" ></ script > |
2.调用插件
1 | $( ".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有效
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com