var imagepreview={default_params:{},initheight:null,init:function(param){if(param){$.extend(this.default_params,param);}
ip_global_img_list=[];var id=this.default_params.id;if(typeof id=='string'){if((ip_global_img_list=$("#"+id).find("img")).length==0){return;}}else if(typeof id=='object'&&id!=null){ip_global_img_list=$(id);}
this.fngeneratehtml();this.fnbindevent(ip_global_img_list);},fnbindevent:function(ip_global_img_list){if(ip_global_img_list.length==0){return;}
$(ip_global_img_list).on("click",this.onclickevent);this.ondragevent($("#ip-img-preview"));$("#ip-img-preview").on('mousewheel dommousescroll',this.onmousescrollevent);$('#ip-img-floatshadow').on("click",function(){$('#ip-img-preview').hide();$("#ip-left").hide();$("#ip-right").hide();$('#ip-img-floatshadow').hide();$('#ip-img-preview').attr("src","");});$("#ip-left").hover(this.fnmouseover,this.fnmouseout).click(this.fnprev);$("#ip-right").hover(this.fnmouseover,this.fnmouseout).click(this.fnnext);},fngeneratehtml:function(){$("body").append('<img id="ip-img-preview" style="position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 19941206;cursor: move;display: none"/><div id="ip-img-floatshadow" style="z-index: 19941205;background-color: #000;opacity: .5;top: 0;left: 0;width: 100%;height: 100%;position: fixed;display: none" title="点击空白处关闭"></div>');$("body").append('<div id="ip-left" style="display: none; width: 100px; height: 100px;left: 5px; top: 50%; position:fixed;z-index:19941207; cursor: pointer;">'+'<div style="left:-30px;border: 50px solid;border-color: transparent #1cb9c4 transparent transparent;position: absolute;"></div></div>');$("body").append('<div id="ip-right" style="display: none; width: 100px; height: 100px; right: 5px; top: 50%; position:fixed; z-index:19941207;cursor: pointer;">'+'<div style="left:30px;border: 50px solid;border-color: transparent transparent transparent #1cb9c4;position: absolute;"></div></div>');},fnmouseover:function(){$(this).css("background","rgb(134, 134, 134)");$(this).css("border","1px solid rgb(111, 111, 111)");},fnmouseout:function(){$(this).css("background","");$(this).css("border","");},fnprev:function(){if(typeof(ip_global_cur)=="number"&&ip_global_cur>0){imagepreview.fnreset();$("#ip-img-preview").animate({left:"48%"},100);$("#ip-img-preview").attr("src",ip_global_img_list[--ip_global_cur].src);$("#ip-img-preview").animate({left:"50.5%"},100);$("#ip-img-preview").animate({left:"50%"},100);imagepreview.fnadjustmaxwidth();}},fnnext:function(){if(typeof(ip_global_cur)=="number"&&ip_global_cur<ip_global_img_list.length-1){imagepreview.fnreset();$("#ip-img-preview").animate({left:"52%"},100);$("#ip-img-preview").attr("src",ip_global_img_list[++ip_global_cur].src);$("#ip-img-preview").animate({left:"49.5%"},100);$("#ip-img-preview").animate({left:"50%"},100);imagepreview.fnadjustmaxwidth();}},fngetindexofcurimg:function(cur){for(var i=0;i<ip_global_img_list.length;i++){if($(ip_global_img_list[i]).is(cur)){return i;}}},onclickevent:function(e){imagepreview.fnreset();$("#ip-img-preview").attr("src",$(this).attr("src"));imagepreview.initheight=$("#ip-img-preview").height();imagepreview.fnadjustmaxwidth();ip_global_cur=imagepreview.fngetindexofcurimg($(this));$("#ip-img-floatshadow").fadein();$("#ip-img-preview").fadein();$("#ip-left").fadein();$("#ip-right").fadein();},fnadjustmaxwidth:function(){var widthflag=true;var max=$("#ip-img-preview").width();if(max<$("#ip-img-preview").height()){widthflag=false;max=$("#ip-img-preview").height();}
if(widthflag&&$(window).width()<max){$("#ip-img-preview").css("width","75%");}else if(!widthflag&&$(window).height()<max){$("#ip-img-preview").css("height","75%");}},fnreset:function(){$("#ip-img-preview").css("left","50%");$("#ip-img-preview").css("top","50%");$("#ip-img-preview").css("width","");$("#ip-img-preview").css("height","");},onmousescrollevent:function(e){e.preventdefault();var wheel=e.originalevent.wheeldelta||-e.originalevent.detail;var delta=math.max(-1,math.min(1,wheel));if(delta<0){if($(this).height()<=imagepreview.initheight){return false}else{$(this).width($(this).width()/ 1.1);$(this).height($(this).height()/ 1.1);}}else{if($(this).height()>=$(window).height()){return false}else{$(this).width($(this).width()*1.1);$(this).height($(this).height()*1.1);}}},ondragevent:function(obj){obj.bind("mousedown",start);function start(event){console.log($(window).height());if(event.button==0){gapx=event.clientx-(obj.offset().left-$(window).scrollleft());gapy=event.clienty-(obj.offset().top-$(window).scrolltop());$(document).bind("mousemove",move);$(document).bind("mouseup",stop);}
return false;}
function move(event){obj.css({"left":(event.clientx-gapx+obj.width()/ 2)+"px","top":(event.clienty-gapy+obj.height()/ 2)+"px"});return false;}
function stop(){$(document).unbind("mousemove",move);$(document).unbind("mouseup",stop);}}};