引用自http://www.cnblogs.com/lovesong/p/5004951.html


bug:

  1. 滚轮缩放,底层页面显示高度也会跟着移动;

  2. esc、上、下、左、右键在未点击当前iframe下,并没有生效;


修复:

  1. 未阻止滚轮事件冒泡;

  2. 图片查看是在新打开的html页面查看,在用户未点击情况下,焦点停留在底层页面,需在打开页面后自动为当前window对象获取焦点,并组织键盘事件冒泡


下附完整代码

/*
 * AppGo使用的 图片查看插件
 * Author : [email protected]
 * Version: 1.0.0
 * Date : 2015/11/17
 */
(function($) {

var windowMargin = 8; //加多边距的宽高,使得图片看起来有边框效果
  
//图片查看器
$.fn.extend({
   
   photoGallery: function(options) {

      var isFirefox = navigator.userAgent.indexOf("Firefox") > -1 ;
      var MOUSEWHEEL_EVENT = isFirefox ? "DOMMouseScroll" : "mousewheel";
      var defaults = {
          //图片缩放倍率
         ratio : 1.2, 
         //右下角缩略图宽度
         thumbnailsWidth : 180, 
         //右下角缩略图高度
         thumbnailsHeight : 120, 
         //HTML模版
         template : {
            //操作工具
            OPERTATION : '' +
                        '' +
                        '' +
                      '
' +                       '' +                         '' +                            /*'' +*/                            '' +                            '' +                            '' +                             /*'' +*/                         '