插件描述：jQuery图片放大插件imgzoom.js
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有效
PREVIOUS:
NEXT:
相关插件-图片展示
HTML5/CSS3超酷焦点图特效
焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。
图片展示
讨论这个项目（7）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
guozhichao 0
2019/3/26 17:44:04
-
在项目中引用之后 一直报错 $(".main").imgzoom({position:"inner"}); imgzoom不是函数
西瓜0
2019/3/26 17:58:42
这个应该是个低级问题，先调用jQuery库在调用jquery.imgzoom.min.js,你应该是顺序错误引起的。
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script type="text/javascript" src="js/jquery.imgzoom.min.js" ></script>
geguangzhao0
2020/4/13 10:00:45
-
应该是的。还有不少优化的地方哈
guozhichao 0
2019/3/26 17:42:34
-
jquery.imgzoom.min.js 大佬 有没有不带min的js文件呀
西瓜0
2019/3/26 17:54:53
用js格式式工具自己格式一下就行了
https://www.jq22.com/jsgsh
geguangzhao0
2020/4/13 10:01:13
-
嗯嗯，可以格式化的。这个是只是普通压缩
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
