imageViewer - 图片查看器

纯javascript图片查看器，可缩放（滚轮）、旋转（中键）、平移（左键）、翻转

支持导出为jQuery插件，CMD模块，AMD模块，全局变量

三种模式 -- CSS3、filter、canvas

options = { sources: [], // 图片url数组 mode: "css3|filter|canvas", // 默认，根据浏览器支持的情况选择合适的模式 zoom: 0.1, // 缩放比率 onPreLoad: function() {}, // 图片加载前执行 onLoad: function() {}, // 图片加载后执行 onError: function(err) {} // 出错时执行 }; 使用 引入

// common.min.js是自己维护的一个js库，汇集了开发时常用的方法 // github: https://github.com/laixiangran/commonJS <script src="http://www.laixiangran.cn/CDN/common.min.js"></script> <script src="../dist/js/imageViewer.min.js"></script> 添加容器

<div id="imageViewer"></div> 初始化

var iv = new imageViewer("imageViewer", { sources: ["img/img_1.jpg"], onPreLoad: function() { container.style.backgroundImage = "url('img/loading.gif')"; }, onLoad: function() { container.style.backgroundImage = ""; } });