@@ -10,9 +10,9 @@ jQuery.fn.fancyZoom = function(options){ <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> \ <tbody> \ <tr> \ - <td class="tl" style="background:url(' + directory + '/tl.' + ext + ') 0 0 no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="tl" style="background:url(' + directory + '/tl.' + ext + ') 0 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \ <td class="tm" style="background:url(' + directory + '/tm.' + ext + ') 0 0 repeat-x; height:20px; overflow:hidden;" /> \ - <td class="tr" style="background:url(' + directory + '/tr.' + ext + ') 100% 0 no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="tr" style="background:url(' + directory + '/tr.' + ext + ') 100% 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \ </tr> \ <tr> \ <td class="ml" style="background:url(' + directory + '/ml.' + ext + ') 0 0 repeat-y; width:20px; overflow:hidden;" /> \ @@ -23,9 +23,9 @@ jQuery.fn.fancyZoom = function(options){ <td class="mr" style="background:url(' + directory + '/mr.' + ext + ') 100% 0 repeat-y; width:20px; overflow:hidden;" /> \ </tr> \ <tr> \ - <td class="bl" style="background:url(' + directory + '/bl.' + ext + ') 0 100% no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="bl" style="background:url(' + directory + '/bl.' + ext + ') 0 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \ <td class="bm" style="background:url(' + directory + '/bm.' + ext + ') 0 100% repeat-x; height:20px; overflow:hidden;" /> \ - <td class="br" style="background:url(' + directory + '/br.' + ext + ') 100% 100% no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="br" style="background:url(' + directory + '/br.' + ext + ') 100% 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \ </tr> \ </tbody> \ </table> \ jquery/js/fancyzoom.js @@ -1 +1 @@ -jQuery.fn.fancyZoom=function(O){var O=O||{};var L=O&&O.directory?O.directory:"images";var D=false;if($("#zoom").length==0){var E=$.browser.msie?"gif":"png";var J='<div id="zoom" style="display:none;"> <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> <tbody> <tr> <td class="tl" style="background:url('+L+"/tl."+E+') 0 0 no-repeat; width:20px height:20px; overflow:hidden;" /> <td class="tm" style="background:url('+L+"/tm."+E+') 0 0 repeat-x; height:20px; overflow:hidden;" /> <td class="tr" style="background:url('+L+"/tr."+E+') 100% 0 no-repeat; width:20px height:20px; overflow:hidden;" /> </tr> <tr> <td class="ml" style="background:url('+L+"/ml."+E+') 0 0 repeat-y; width:20px; overflow:hidden;" /> <td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> <div id="zoom_content"> </div> </td> <td class="mr" style="background:url('+L+"/mr."+E+') 100% 0 repeat-y; width:20px; overflow:hidden;" /> </tr> <tr> <td class="bl" style="background:url('+L+"/bl."+E+') 0 100% no-repeat; width:20px height:20px; overflow:hidden;" /> <td class="bm" style="background:url('+L+"/bm."+E+') 0 100% repeat-x; height:20px; overflow:hidden;" /> <td class="br" style="background:url('+L+"/br."+E+') 100% 100% no-repeat; width:20px height:20px; overflow:hidden;" /> </tr> </tbody> </table> <a href="#" title="Close" id="zoom_close" style="position:absolute; top:0; left:0;"> <img src="'+L+"/closebox."+E+'" alt="Close" style="border:none; margin:0; padding:0;" /> </a> </div>';$("body").append(J);$("html").click(function(P){if($(P.target).parents("#zoom:visible").length==0){K()}});$(document).keyup(function(P){if(P.keyCode==27&&$("#zoom:visible").length>0){K()}});$("#zoom_close").click(K)}var N=$("#zoom");var I=$("#zoom_table");var H=$("#zoom_close");var G=$("#zoom_content");var A=$("td.ml,td.mm,td.mr");this.each(function(P){$($(this).attr("href")).hide();$(this).click(M)});return this;function M(V){if(D){return false}D=true;var P=$($(this).attr("href"));var T=O.width;var U=O.height;var Q=window.innerWidth||(window.document.documentElement.clientWidth||window.document.body.clientWidth);var b=window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight);var Z=window.pageXOffset||(window.document.documentElement.scrollLeft||window.document.body.scrollLeft);var Y=window.pageYOffset||(window.document.documentElement.scrollTop||window.document.body.scrollTop);var c={width:Q,height:b,x:Z,y:Y};var Q=(T||P.width())+60;var b=(U||P.height())+60;var W=c;var X=Math.max((W.height/2)-(b/2)+Y,0);var a=(W.width/2)-(Q/2);var R=V.pageY;var S=V.pageX;H.attr("curTop",R);H.attr("curLeft",S);H.attr("scaleImg",O.scaleImg?"true":"false");$("#zoom").hide().css({position:"absolute",top:R+"px",left:S+"px",width:"1px",height:"1px"});F();H.hide();if(O.closeOnClick){$("#zoom").click(K)}if(O.scaleImg){G.html(P.html());$("#zoom_content img").css("width","100%")}else{G.html("")}$("#zoom").animate({top:X+"px",left:a+"px",opacity:"show",width:Q,height:b},500,null,function(){if(O.scaleImg!=true){G.html(P.html())}C();H.show();D=false});return false}function K(){if(D){return false}D=true;$("#zoom").unbind("click");F();if(H.attr("scaleImg")!="true"){G.html("")}H.hide();$("#zoom").animate({top:H.attr("curTop")+"px",left:H.attr("curLeft")+"px",opacity:"hide",width:"1px",height:"1px"},500,null,function(){if(H.attr("scaleImg")=="true"){G.html("")}C();D=false});return false}function B(R){$("#zoom_table td").each(function(T){var S=$(this).css("background-image").replace(/\.(png|gif|none)\"\)$/,"."+R+'")');$(this).css("background-image",S)});var Q=H.children("img");var P=Q.attr("src").replace(/\.(png|gif|none)$/,"."+R);Q.attr("src",P)}function F(){if($.browser.msie&&parseFloat($.browser.version)>=7){B("gif")}}function C(){if($.browser.msie&&$.browser.version>=7){B("png")}}}; \ No newline at end of file +jQuery.fn.fancyZoom=function(O){var O=O||{};var L=O&&O.directory?O.directory:"images";var D=false;if($("#zoom").length==0){var E=$.browser.msie?"gif":"png";var J='<div id="zoom" style="display:none;"> <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> <tbody> <tr> <td class="tl" style="background:url('+L+"/tl."+E+') 0 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> <td class="tm" style="background:url('+L+"/tm."+E+') 0 0 repeat-x; height:20px; overflow:hidden;" /> <td class="tr" style="background:url('+L+"/tr."+E+') 100% 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> </tr> <tr> <td class="ml" style="background:url('+L+"/ml."+E+') 0 0 repeat-y; width:20px; overflow:hidden;" /> <td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> <div id="zoom_content"> </div> </td> <td class="mr" style="background:url('+L+"/mr."+E+') 100% 0 repeat-y; width:20px; overflow:hidden;" /> </tr> <tr> <td class="bl" style="background:url('+L+"/bl."+E+') 0 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> <td class="bm" style="background:url('+L+"/bm."+E+') 0 100% repeat-x; height:20px; overflow:hidden;" /> <td class="br" style="background:url('+L+"/br."+E+') 100% 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> </tr> </tbody> </table> <a href="#" title="Close" id="zoom_close" style="position:absolute; top:0; left:0;"> <img src="'+L+"/closebox."+E+'" alt="Close" style="border:none; margin:0; padding:0;" /> </a> </div>';$("body").append(J);$("html").click(function(P){if($(P.target).parents("#zoom:visible").length==0){K()}});$(document).keyup(function(P){if(P.keyCode==27&&$("#zoom:visible").length>0){K()}});$("#zoom_close").click(K)}var N=$("#zoom");var I=$("#zoom_table");var H=$("#zoom_close");var G=$("#zoom_content");var A=$("td.ml,td.mm,td.mr");this.each(function(P){$($(this).attr("href")).hide();$(this).click(M)});return this;function M(V){if(D){return false}D=true;var P=$($(this).attr("href"));var T=O.width;var U=O.height;var Q=window.innerWidth||(window.document.documentElement.clientWidth||window.document.body.clientWidth);var b=window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight);var Z=window.pageXOffset||(window.document.documentElement.scrollLeft||window.document.body.scrollLeft);var Y=window.pageYOffset||(window.document.documentElement.scrollTop||window.document.body.scrollTop);var c={width:Q,height:b,x:Z,y:Y};var Q=(T||P.width())+60;var b=(U||P.height())+60;var W=c;var X=Math.max((W.height/2)-(b/2)+Y,0);var a=(W.width/2)-(Q/2);var R=V.pageY;var S=V.pageX;H.attr("curTop",R);H.attr("curLeft",S);H.attr("scaleImg",O.scaleImg?"true":"false");$("#zoom").hide().css({position:"absolute",top:R+"px",left:S+"px",width:"1px",height:"1px"});F();H.hide();if(O.closeOnClick){$("#zoom").click(K)}if(O.scaleImg){G.html(P.html());$("#zoom_content img").css("width","100%")}else{G.html("")}$("#zoom").animate({top:X+"px",left:a+"px",opacity:"show",width:Q,height:b},500,null,function(){if(O.scaleImg!=true){G.html(P.html())}C();H.show();D=false});return false}function K(){if(D){return false}D=true;$("#zoom").unbind("click");F();if(H.attr("scaleImg")!="true"){G.html("")}H.hide();$("#zoom").animate({top:H.attr("curTop")+"px",left:H.attr("curLeft")+"px",opacity:"hide",width:"1px",height:"1px"},500,null,function(){if(H.attr("scaleImg")=="true"){G.html("")}C();D=false});return false}function B(R){$("#zoom_table td").each(function(T){var S=$(this).css("background-image").replace(/\.(png|gif|none)\"\)$/,"."+R+'")');$(this).css("background-image",S)});var Q=H.children("img");var P=Q.attr("src").replace(/\.(png|gif|none)$/,"."+R);Q.attr("src",P)}function F(){if($.browser.msie&&parseFloat($.browser.version)>=7){B("gif")}}function C(){if($.browser.msie&&$.browser.version>=7){B("png")}}}; \ No newline at end of file jquery/js/fancyzoom.min.js @@ -48,9 +48,9 @@ var FancyZoomBox = { <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> \ <tbody> \ <tr> \ - <td class="tl" style="background:url(' + FancyZoomBox.directory + '/tl.png) 0 0 no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="tl" style="background:url(' + FancyZoomBox.directory + '/tl.png) 0 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \ <td class="tm" style="background:url(' + FancyZoomBox.directory + '/tm.png) 0 0 repeat-x; height:20px; overflow:hidden;" /> \ - <td class="tr" style="background:url(' + FancyZoomBox.directory + '/tr.png) 100% 0 no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="tr" style="background:url(' + FancyZoomBox.directory + '/tr.png) 100% 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \ </tr> \ <tr> \ <td class="ml" style="background:url(' + FancyZoomBox.directory + '/ml.png) 0 0 repeat-y; width:20px; overflow:hidden;" /> \ @@ -61,9 +61,9 @@ var FancyZoomBox = { <td class="mr" style="background:url(' + FancyZoomBox.directory + '/mr.png) 100% 0 repeat-y; width:20px; overflow:hidden;" /> \ </tr> \ <tr> \ - <td class="bl" style="background:url(' + FancyZoomBox.directory + '/bl.png) 0 100% no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="bl" style="background:url(' + FancyZoomBox.directory + '/bl.png) 0 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \ <td class="bm" style="background:url(' + FancyZoomBox.directory + '/bm.png) 0 100% repeat-x; height:20px; overflow:hidden;" /> \ - <td class="br" style="background:url(' + FancyZoomBox.directory + '/br.png) 100% 100% no-repeat; width:20px height:20px; overflow:hidden;" /> \ + <td class="br" style="background:url(' + FancyZoomBox.directory + '/br.png) 100% 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \ </tr> \ </tbody> \ </table> \ prototype/js/fancyzoom.js @@ -1 +1 @@ -Object.extend(String.prototype,{ensureEndsWith:function(A){return this.endsWith(A)?this:this+A},px:function(){return this.ensureEndsWith("px")}});Object.extend(Number.prototype,{px:function(){return this.toString().px()}});var Window={size:function(){var C=window.innerWidth||(window.document.documentElement.clientWidth||window.document.body.clientWidth);var B=window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight);var A=window.pageXOffset||(window.document.documentElement.scrollLeft||window.document.body.scrollLeft);var D=window.pageYOffset||(window.document.documentElement.scrollTop||window.document.body.scrollTop);return{width:C,height:B,x:A,y:D}}};var FancyZoomBox={directory:"images",zooming:false,setup:false,init:function(C){if(FancyZoomBox.setup){return }FancyZoomBox.setup=true;var E=navigator.userAgent.match(/MSIE\s(\d)+/);if(E){var B=parseInt(E[1]);Prototype.Browser["IE"+B.toString()]=true;Prototype.Browser.ltIE7=(B<7)?true:false}var D='<div id="zoom" style="display:none;"> <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> <tbody> <tr> <td class="tl" style="background:url('+FancyZoomBox.directory+'/tl.png) 0 0 no-repeat; width:20px height:20px; overflow:hidden;" /> <td class="tm" style="background:url('+FancyZoomBox.directory+'/tm.png) 0 0 repeat-x; height:20px; overflow:hidden;" /> <td class="tr" style="background:url('+FancyZoomBox.directory+'/tr.png) 100% 0 no-repeat; width:20px height:20px; overflow:hidden;" /> </tr> <tr> <td class="ml" style="background:url('+FancyZoomBox.directory+'/ml.png) 0 0 repeat-y; width:20px; overflow:hidden;" /> <td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> <div id="zoom_content"> </div> </td> <td class="mr" style="background:url('+FancyZoomBox.directory+'/mr.png) 100% 0 repeat-y; width:20px; overflow:hidden;" /> </tr> <tr> <td class="bl" style="background:url('+FancyZoomBox.directory+'/bl.png) 0 100% no-repeat; width:20px height:20px; overflow:hidden;" /> <td class="bm" style="background:url('+FancyZoomBox.directory+'/bm.png) 0 100% repeat-x; height:20px; overflow:hidden;" /> <td class="br" style="background:url('+FancyZoomBox.directory+'/br.png) 100% 100% no-repeat; width:20px height:20px; overflow:hidden;" /> </tr> </tbody> </table> <a href="#" title="Close" id="zoom_close" style="position:absolute; top:0; left:0;"> <img src="'+FancyZoomBox.directory+'/closebox.png" alt="Close" style="border:none; margin:0; padding:0;" /> </a> </div>';var A=$$("body").first();A.insert(D);FancyZoomBox.zoom=$("zoom");FancyZoomBox.zoom_table=$("zoom_table");FancyZoomBox.zoom_close=$("zoom_close");FancyZoomBox.zoom_content=$("zoom_content");FancyZoomBox.zoom_close.observe("click",FancyZoomBox.hide);FancyZoomBox.middle_row=$A([$$("td.ml"),$$("td.mm"),$$("td.mr")]).flatten();FancyZoomBox.cells=FancyZoomBox.zoom_table.select("td");$$("html").first().observe("click",function(H){var G=H.findElement("#zoom"),F=FancyZoomBox.zoom.getStyle("display");if(F=="block"&&!G){FancyZoomBox.hide(H)}});$(document).observe("keyup",function(G){var F=FancyZoomBox.zoom.getStyle("display");if(G.keyCode==Event.KEY_ESC&&F=="block"){FancyZoomBox.hide(G)}});if(Prototype.Browser.ltIE7){FancyZoomBox.switchBackgroundImagesTo("gif")}},show:function(E){E.stop();if(FancyZoomBox.zooming){return }FancyZoomBox.zooming=true;var C=E.findElement("a");var D=C.content_div;var A=(C.zoom_width||D.getWidth())+60;var I=(C.zoom_height||D.getHeight())+60;var F=Window.size();var B=document.viewport.getScrollOffsets()[1];var G=Math.max((F.height/2)-(I/2)+B,0);var H=(F.width/2)-(A/2);FancyZoomBox.curTop=E.pointerY();FancyZoomBox.curLeft=E.pointerX();FancyZoomBox.moveX=-(FancyZoomBox.curLeft-H);FancyZoomBox.moveY=-(FancyZoomBox.curTop-G);FancyZoomBox.zoom.hide().setStyle({position:"absolute",top:FancyZoomBox.curTop.px(),left:FancyZoomBox.curLeft.px()});new Effect.Parallel([new Effect.Appear(FancyZoomBox.zoom,{sync:true}),new Effect.Move(FancyZoomBox.zoom,{x:FancyZoomBox.moveX,y:FancyZoomBox.moveY,sync:true}),new Effect.Morph(FancyZoomBox.zoom,{style:{width:A.px(),height:I.px()},sync:true,beforeStart:function(J){if(Prototype.Browser.IE){FancyZoomBox.middle_row.invoke("setStyle",{height:(I-40).px()})}FancyZoomBox.fixBackgroundsForIE()},afterFinish:function(J){FancyZoomBox.zoom_content.innerHTML=D.innerHTML;FancyZoomBox.unfixBackgroundsForIE();FancyZoomBox.zoom_close.show();FancyZoomBox.zooming=false}})],{duration:0.5})},hide:function(A){A.stop();if(FancyZoomBox.zooming){return }FancyZoomBox.zooming=true;new Effect.Parallel([new Effect.Move(FancyZoomBox.zoom,{x:FancyZoomBox.moveX*-1,y:FancyZoomBox.moveY*-1,sync:true}),new Effect.Morph(FancyZoomBox.zoom,{style:{width:"1".px(),height:"1".px()},sync:true,beforeStart:function(B){FancyZoomBox.fixBackgroundsForIE();FancyZoomBox.zoom_content.innerHTML="";FancyZoomBox.zoom_close.hide()},afterFinish:function(B){FancyZoomBox.unfixBackgroundsForIE();FancyZoomBox.zooming=false}}),new Effect.Fade(FancyZoomBox.zoom,{sync:true})],{duration:0.5})},switchBackgroundImagesTo:function(C){FancyZoomBox.cells.each(function(E){var D=E.getStyle("background-image").gsub(/\.(png|gif|none)\)$/,"."+C+")");E.setStyle("background-image: "+D)});var B=FancyZoomBox.zoom_close.firstDescendant();var A=B.readAttribute("src").gsub(/\.(png|gif|none)$/,"."+C);B.writeAttribute("src",A)},fixBackgroundsForIE:function(){if(Prototype.Browser.IE7){FancyZoomBox.switchBackgroundImagesTo("gif")}},unfixBackgroundsForIE:function(){if(Prototype.Browser.IE7){FancyZoomBox.switchBackgroundImagesTo("png")}}};var FancyZoom=Class.create({initialize:function(A){this.options=arguments.length>1?arguments[1]:{};FancyZoomBox.init();this.element=$(A);if(this.element){this.element.content_div=$(this.element.readAttribute("href").gsub(/^#/,""));this.element.content_div.hide();this.element.zoom_width=this.options.width;this.element.zoom_height=this.options.height;this.element.observe("click",FancyZoomBox.show)}}}); \ No newline at end of file +Object.extend(String.prototype,{ensureEndsWith:function(A){return this.endsWith(A)?this:this+A},px:function(){return this.ensureEndsWith("px")}});Object.extend(Number.prototype,{px:function(){return this.toString().px()}});var Window={size:function(){var C=window.innerWidth||(window.document.documentElement.clientWidth||window.document.body.clientWidth);var B=window.innerHeight||(window.document.documentElement.clientHeight||window.document.body.clientHeight);var A=window.pageXOffset||(window.document.documentElement.scrollLeft||window.document.body.scrollLeft);var D=window.pageYOffset||(window.document.documentElement.scrollTop||window.document.body.scrollTop);return{width:C,height:B,x:A,y:D}}};var FancyZoomBox={directory:"images",zooming:false,setup:false,init:function(C){if(FancyZoomBox.setup){return }FancyZoomBox.setup=true;var E=navigator.userAgent.match(/MSIE\s(\d)+/);if(E){var B=parseInt(E[1]);Prototype.Browser["IE"+B.toString()]=true;Prototype.Browser.ltIE7=(B<7)?true:false}var D='<div id="zoom" style="display:none;"> <table id="zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> <tbody> <tr> <td class="tl" style="background:url('+FancyZoomBox.directory+'/tl.png) 0 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> <td class="tm" style="background:url('+FancyZoomBox.directory+'/tm.png) 0 0 repeat-x; height:20px; overflow:hidden;" /> <td class="tr" style="background:url('+FancyZoomBox.directory+'/tr.png) 100% 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> </tr> <tr> <td class="ml" style="background:url('+FancyZoomBox.directory+'/ml.png) 0 0 repeat-y; width:20px; overflow:hidden;" /> <td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> <div id="zoom_content"> </div> </td> <td class="mr" style="background:url('+FancyZoomBox.directory+'/mr.png) 100% 0 repeat-y; width:20px; overflow:hidden;" /> </tr> <tr> <td class="bl" style="background:url('+FancyZoomBox.directory+'/bl.png) 0 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> <td class="bm" style="background:url('+FancyZoomBox.directory+'/bm.png) 0 100% repeat-x; height:20px; overflow:hidden;" /> <td class="br" style="background:url('+FancyZoomBox.directory+'/br.png) 100% 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> </tr> </tbody> </table> <a href="#" title="Close" id="zoom_close" style="position:absolute; top:0; left:0;"> <img src="'+FancyZoomBox.directory+'/closebox.png" alt="Close" style="border:none; margin:0; padding:0;" /> </a> </div>';var A=$$("body").first();A.insert(D);FancyZoomBox.zoom=$("zoom");FancyZoomBox.zoom_table=$("zoom_table");FancyZoomBox.zoom_close=$("zoom_close");FancyZoomBox.zoom_content=$("zoom_content");FancyZoomBox.zoom_close.observe("click",FancyZoomBox.hide);FancyZoomBox.middle_row=$A([$$("td.ml"),$$("td.mm"),$$("td.mr")]).flatten();FancyZoomBox.cells=FancyZoomBox.zoom_table.select("td");$$("html").first().observe("click",function(H){var G=H.findElement("#zoom"),F=FancyZoomBox.zoom.getStyle("display");if(F=="block"&&!G){FancyZoomBox.hide(H)}});$(document).observe("keyup",function(G){var F=FancyZoomBox.zoom.getStyle("display");if(G.keyCode==Event.KEY_ESC&&F=="block"){FancyZoomBox.hide(G)}});if(Prototype.Browser.ltIE7){FancyZoomBox.switchBackgroundImagesTo("gif")}},show:function(E){E.stop();if(FancyZoomBox.zooming){return }FancyZoomBox.zooming=true;var C=E.findElement("a");var D=C.content_div;var A=(C.zoom_width||D.getWidth())+60;var I=(C.zoom_height||D.getHeight())+60;var F=Window.size();var B=document.viewport.getScrollOffsets()[1];var G=Math.max((F.height/2)-(I/2)+B,0);var H=(F.width/2)-(A/2);FancyZoomBox.curTop=E.pointerY();FancyZoomBox.curLeft=E.pointerX();FancyZoomBox.moveX=-(FancyZoomBox.curLeft-H);FancyZoomBox.moveY=-(FancyZoomBox.curTop-G);FancyZoomBox.zoom.hide().setStyle({position:"absolute",top:FancyZoomBox.curTop.px(),left:FancyZoomBox.curLeft.px()});new Effect.Parallel([new Effect.Appear(FancyZoomBox.zoom,{sync:true}),new Effect.Move(FancyZoomBox.zoom,{x:FancyZoomBox.moveX,y:FancyZoomBox.moveY,sync:true}),new Effect.Morph(FancyZoomBox.zoom,{style:{width:A.px(),height:I.px()},sync:true,beforeStart:function(J){if(Prototype.Browser.IE){FancyZoomBox.middle_row.invoke("setStyle",{height:(I-40).px()})}FancyZoomBox.fixBackgroundsForIE()},afterFinish:function(J){FancyZoomBox.zoom_content.innerHTML=D.innerHTML;FancyZoomBox.unfixBackgroundsForIE();FancyZoomBox.zoom_close.show();FancyZoomBox.zooming=false}})],{duration:0.5})},hide:function(A){A.stop();if(FancyZoomBox.zooming){return }FancyZoomBox.zooming=true;new Effect.Parallel([new Effect.Move(FancyZoomBox.zoom,{x:FancyZoomBox.moveX*-1,y:FancyZoomBox.moveY*-1,sync:true}),new Effect.Morph(FancyZoomBox.zoom,{style:{width:"1".px(),height:"1".px()},sync:true,beforeStart:function(B){FancyZoomBox.fixBackgroundsForIE();FancyZoomBox.zoom_content.innerHTML="";FancyZoomBox.zoom_close.hide()},afterFinish:function(B){FancyZoomBox.unfixBackgroundsForIE();FancyZoomBox.zooming=false}}),new Effect.Fade(FancyZoomBox.zoom,{sync:true})],{duration:0.5})},switchBackgroundImagesTo:function(C){FancyZoomBox.cells.each(function(E){var D=E.getStyle("background-image").gsub(/\.(png|gif|none)\)$/,"."+C+")");E.setStyle("background-image: "+D)});var B=FancyZoomBox.zoom_close.firstDescendant();var A=B.readAttribute("src").gsub(/\.(png|gif|none)$/,"."+C);B.writeAttribute("src",A)},fixBackgroundsForIE:function(){if(Prototype.Browser.IE7){FancyZoomBox.switchBackgroundImagesTo("gif")}},unfixBackgroundsForIE:function(){if(Prototype.Browser.IE7){FancyZoomBox.switchBackgroundImagesTo("png")}}};var FancyZoom=Class.create({initialize:function(A){this.options=arguments.length>1?arguments[1]:{};FancyZoomBox.init();this.element=$(A);if(this.element){this.element.content_div=$(this.element.readAttribute("href").gsub(/^#/,""));this.element.content_div.hide();this.element.zoom_width=this.options.width;this.element.zoom_height=this.options.height;this.element.observe("click",FancyZoomBox.show)}}}); \ No newline at end of file prototype/js/fancyzoom.min.js 2fb76b1474b6b7275adf4ebaf1a285ae714aff87 John Nunemaker nunemaker@gmail.com http://github.com/jnunemaker/fancy-zoom/commit/66f2a6d41f13011f35f6c6ec7aff434923957a18 66f2a6d41f13011f35f6c6ec7aff434923957a18 2008-10-29T18:33:59-07:00 2008-10-29T18:33:59-07:00 Added a bunch of semi colons that were missing for some balls weird reason. a84f84a1c4014af4f11f1c37b9ffc9b63b4cca2f John Nunemaker nunemaker@gmail.com