JavaScript 图片放大镜插件 enlarge.js 以及移动版 enlarge.touch.js

Enlarge.js

Enlarge 是一个基于 jQuery 的插件，可以非常方便地实现图放大镜的效果，适用于大多数商品类网站，例如在线商城、电子商务、企业产品介绍等。

下载

开发版：jquery.enlarge.js - 3.51K

压缩版：jquery.enlarge.min.js - 1.67K

使用

默认调用：

$("#demo1").enlarge();

完整参数：

$("#demo1").enlarge(
{
    // 鼠标遮罩层样式
    shadecolor: "#FFD24D",
    shadeborder: "#FF8000",
    shadeopacity: 0.5,
    cursor: "move",

    // 大图外层样式
    layerwidth: 400,
    layerheight: 300,
    layerborder: "#DDD",
    fade: true,

    // 大图尺寸
    largewidth: 1280,
    largeheight: 960
});

兼容性

兼容 IE6+ / Chrome / Safare / Firefox / Opera 等主流浏览器。

参与

如果您对这个插件有兴趣，可以到我的 GitHub 上进行 Fork 或关注，我期待您的参与！

http://www.abelcode.com/enlarge/

ps：http://www.elevateweb.co.uk/image-zoom/examples