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

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

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

更新时间: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();
});

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

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

jQuery的图片浏览插件Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
  图片展示
 19808  74

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

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

jquery3D旋转幻灯片插件

jquery幻灯片插件带滚动条的圆形立体图片旋转滚动
  图片展示
 19552  80

jQuery模仿PPTCSS3介绍

jQuery模仿PPTCSS3介绍,使用鼠标滚轮进行切换
  图片展示
 6865  40

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

    恩!我知道?ㄣ 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 d0
        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标签填什么呀
    回复
    勇闯天涯 0
    2018/4/3 14:40:20
    做得不错,666
        ? ??。 E o d0
        2018/4/3 15:20:32
        蟹蟹哦!!!*-*
    回复
取消回复