jQuery仿京东、天猫、淘宝、苏宁商品放大镜(原创)

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

jQuery仿京东、天猫、淘宝、苏宁商品放大镜(原创) ie兼容7

更新时间:2018/6/28 下午2:51:19

更新说明:继上次匆忙的更改之后,没有检测更改后代码的兼容性,此次修改插件的浏览器兼容性部分。


更新时间:2018/4/4 上午10:51:02

更新说明:处理当页面内容增多出现滚动条时, mask浮层就有偏移,不能看到全部;


使用方法

第一,整合页面结构(html+css)
第二,引入mag.js,传入参数

$(function() {
    /*
        show  //正常状态的框
        bigshow   // 放大的框的盒子
        smallshow  //缩小版的框
        mask   //放大的区域(黑色遮罩)
        bigitem  //放大的框
     */
    var obj = new mag('.show', '.bigshow', '.smallshow', '.mask', '.bigitem');
    obj.init();
});

第三、这样就能看到放大镜了*-*

相关插件-图片展示,图像

javascript动感相册

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

14种炫酷堆叠卡片切换动画特效

14种炫酷堆叠卡片切换动画特效
  图片展示
 14404  147

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

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

纯js图片旋转

JavaScript图片特效
  图片展示
 17047  119

讨论这个项目(25)回答他人问题或分享插件使用方法奖励jQ币

    obsession 0
    2018/9/8 14:49:11
    请问小图片的内容多了后,有些内容会掉下去。这怎么解决。而且那时点击移动的效果也会有些图片看不全了。 回复
    -Pu 0
    2018/8/16 17:15:16
    你好,你现在在线么,我急需求您个问题,看到加下我微信,pch20849192,谢谢
        ? ??。 E o d0
        2018/8/30 10:53:17
        我可能不会经常在线
    回复
    Alien 0
    2018/6/30 18:42:39
    不错,终于找到个简洁又方便的
        ? ??。 E o d0
        2018/7/2 17:15:22
        相互学习进步啦!thanks
    回复
    恩!我知道?ㄣ 1
    window.scrollX/window.scrollY

    原生的这个不支持ie8啊,不好使,我自己改了一下用jq那个

    $(window).scrollLeft()/$(window).scrollTop()

    完美兼容ie8了

        ? ??。 E o d0
        2018/6/28 14:47:12
        这一块之前有过一次改动,疏忽了兼容性!谢谢哦!已经进行了代码更迭,明天就能看到了!相互学习,点赞哦!
    回复
    恩!我知道?ㄣ 0
    2018/6/8 15:43:25
    这个插件支持触控吗?
        ? ??。 E o d0
        2018/6/15 16:51:18
        不支持哦!
    回复
    不语... 0
    2018/5/30 9:13:27
    为什么下载了不是图片放大?而是选择日期??
        不语...0
        2018/5/30 17:48:54
        啊咧咧,不小心看错了,是对的,写的很棒!
        ? ??。 E o d0
        2018/6/7 9:29:56
        多多支持哦!
    回复
    0
    2018/5/4 17:41:05
    并不支持IE啊
        ? ??。 E o d0
        2018/5/7 9:55:26
        是哪里不支持?我这边是支持到ie7的。
    回复
    1993 0
    2018/5/3 10:10:41
    当右边空白添加信息的时候,使用插件会在信息内容之下,且z-index不起作用
        ? ??。 E o d1
        2018/5/7 9:56:17
        把兄弟元素的z-index调好,就OK了
    回复
    No Surrender。 0
    2018/4/3 17:29:54
    致命BUG, 当页面内容增多出现滚动条时, 只要页面出现了滚动距离, mack浮框就有偏移。
        ? ??。 E o d0
        2018/4/4 10:54:57
        bug已经修改了,版本更新正在审核了,今天就可以看到了。谢谢*-*
    回复
    V? 0
    2018/4/3 15:24:47
    我公司最牛逼的前端666
        ? ??。 E o d0
        2018/4/3 15:25:10
        这下尴尬了*-*
        Mr.Chen 慕白0
        2018/4/19 15:44:09
        mag is undefined 怎么说?
        ? ??。 E o d0
        2018/4/20 9:26:14
        如果下载了,不会有这个问题的。我刚刚下载试过了,下载下来的包是没有问题的。你这边如果报错mag.js isundefined的话,你要看看你写的代码有没有引入插件。
        Mr.Chen 慕白0
        2018/4/26 18:43:58
        图片需要循环渲染出来,那么.show和.bg_right里的img标签填什么呀
    回复
取消回复
  短信接口