jQuery放大镜插件imgzoom.js

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

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

相关插件-图片展示

移动端图片缩放插件Pinchzoom.js

此插件功能包括手机轮播,图片点击放大再次点击缩小功能
  图片展示
 100888  398

jQuery商品放大镜预览代码

jQuery商品放大镜特效加点击放大全屏切换
  图片展示
 26479  327

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 180355  563

javascript动感相册

javascript实现动感相册,放大缩小,不依赖其它库
  图片展示
 48695  393

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