jQuery放大镜插件imgzoom.js

所属分类:媒体-图片展示

 29590  317  查看评论 (7)
分享到微信朋友圈
X
jQuery放大镜插件imgzoom.js ie兼容8

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有效

相关插件-图片展示

jQuery加vue 3D盒子旋转展示

3D旋转盒子,全景展示,可选择图片,设置宽高
  图片展示
 38279  367

jQuery图片预览插件

jQuery图片预览插件,支持图片放大,缩小,旋转。
  图片展示
 99865  533

纯js写的祝愿墙

这是一款纯js编写的祝愿墙,墙上的祝福标签的位置随机出现,每次刷新,出现的位置各不相同。
  图片展示
 31253  354

html5极速3D立体式图片相册切换效果

html5极速3D立体式图片相册切换效果
  图片展示
 95118  823

讨论这个项目(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
        嗯嗯,可以格式化的。这个是只是普通压缩
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复