Changeset 9976


Ignore:
Timestamp:
04/02/11 11:53:02 (9 years ago)
Author:
patdenice
Message:

Update colorbox to 1.3.16

Location:
extensions/lightbox
Files:
9 added
1 deleted
6 edited

Legend:

Unmodified
Added
Removed
  • extensions/lightbox/js/jquery.colorbox-min.js

    r7949 r9976  
    1 // ColorBox v1.3.14 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+ 
    2 // Copyright (c) 2010 Jack Moore - jack@colorpowered.com 
     1// ColorBox v1.3.16 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+ 
     2// Copyright (c) 2011 Jack Moore - jack@colorpowered.com 
    33// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php 
    4 (function(b,ib){var t="none",M="LoadedContent",c=false,v="resize.",o="y",q="auto",e=true,L="nofollow",m="x";function f(a,c){a=a?' id="'+i+a+'"':"";c=c?' style="'+c+'"':"";return b("<div"+a+c+"/>")}function p(a,b){b=b===m?n.width():n.height();return typeof a==="string"?Math.round(/%/.test(a)?b/100*parseInt(a,10):parseInt(a,10)):a}function U(b){return a.photo||/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(b)}function cb(a){for(var c in a)if(b.isFunction(a[c])&&c.substring(0,2)!=="on")a[c]=a[c].call(l);a.rel=a.rel||l.rel||L;a.href=a.href||b(l).attr("href");a.title=a.title||l.title;return a}function w(c,a){a&&a.call(l);b.event.trigger(c)}function jb(){var b,e=i+"Slideshow_",c="click."+i,f,k;if(a.slideshow&&h[1]){f=function(){F.text(a.slideshowStop).unbind(c).bind(V,function(){if(g<h.length-1||a.loop)b=setTimeout(d.next,a.slideshowSpeed)}).bind(W,function(){clearTimeout(b)}).one(c+" "+N,k);j.removeClass(e+"off").addClass(e+"on");b=setTimeout(d.next,a.slideshowSpeed)};k=function(){clearTimeout(b);F.text(a.slideshowStart).unbind([V,W,N,c].join(" ")).one(c,f);j.removeClass(e+"on").addClass(e+"off")};a.slideshowAuto?f():k()}}function db(c){if(!O){l=c;a=cb(b.extend({},b.data(l,r)));h=b(l);g=0;if(a.rel!==L){h=b("."+G).filter(function(){return (b.data(this,r).rel||this.rel)===a.rel});g=h.index(l);if(g===-1){h=h.add(l);g=h.length-1}}if(!u){u=E=e;j.show();if(a.returnFocus)try{l.blur();b(l).one(eb,function(){try{this.focus()}catch(a){}})}catch(f){}x.css({opacity:+a.opacity,cursor:a.overlayClose?"pointer":q}).show();a.w=p(a.initialWidth,m);a.h=p(a.initialHeight,o);d.position(0);X&&n.bind(v+P+" scroll."+P,function(){x.css({width:n.width(),height:n.height(),top:n.scrollTop(),left:n.scrollLeft()})}).trigger("scroll."+P);w(fb,a.onOpen);Y.add(H).add(I).add(F).add(Z).hide();ab.html(a.close).show()}d.load(e)}}var gb={transition:"elastic",speed:300,width:c,initialWidth:"600",innerWidth:c,maxWidth:c,height:c,initialHeight:"450",innerHeight:c,maxHeight:c,scalePhotos:e,scrolling:e,inline:c,html:c,iframe:c,photo:c,href:c,title:c,rel:c,opacity:.9,preloading:e,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:c,returnFocus:e,loop:e,slideshow:c,slideshowAuto:e,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:c,onLoad:c,onComplete:c,onCleanup:c,onClosed:c,overlayClose:e,escKey:e,arrowKey:e},r="colorbox",i="cbox",fb=i+"_open",W=i+"_load",V=i+"_complete",N=i+"_cleanup",eb=i+"_closed",Q=i+"_purge",hb=i+"_loaded",A=b.browser.msie&&!b.support.opacity,X=A&&b.browser.version<7,P=i+"_IE6",x,j,B,s,bb,T,R,S,h,n,k,J,K,Z,Y,F,I,H,ab,C,D,y,z,l,g,a,u,E,O=c,d,G=i+"Element";d=b.fn[r]=b[r]=function(c,f){var a=this,d;if(!a[0]&&a.selector)return a;c=c||{};if(f)c.onComplete=f;if(!a[0]||a.selector===undefined){a=b("<a/>");c.open=e}a.each(function(){b.data(this,r,b.extend({},b.data(this,r)||gb,c));b(this).addClass(G)});d=c.open;if(b.isFunction(d))d=d.call(a);d&&db(a[0]);return a};d.init=function(){var l="hover",m="clear:left";n=b(ib);j=f().attr({id:r,"class":A?i+"IE":""});x=f("Overlay",X?"position:absolute":"").hide();B=f("Wrapper");s=f("Content").append(k=f(M,"width:0; height:0; overflow:hidden"),K=f("LoadingOverlay").add(f("LoadingGraphic")),Z=f("Title"),Y=f("Current"),I=f("Next"),H=f("Previous"),F=f("Slideshow").bind(fb,jb),ab=f("Close"));B.append(f().append(f("TopLeft"),bb=f("TopCenter"),f("TopRight")),f(c,m).append(T=f("MiddleLeft"),s,R=f("MiddleRight")),f(c,m).append(f("BottomLeft"),S=f("BottomCenter"),f("BottomRight"))).children().children().css({"float":"left"});J=f(c,"position:absolute; width:9999px; visibility:hidden; display:none");b("body").prepend(x,j.append(B,J));s.children().hover(function(){b(this).addClass(l)},function(){b(this).removeClass(l)}).addClass(l);C=bb.height()+S.height()+s.outerHeight(e)-s.height();D=T.width()+R.width()+s.outerWidth(e)-s.width();y=k.outerHeight(e);z=k.outerWidth(e);j.css({"padding-bottom":C,"padding-right":D}).hide();I.click(d.next);H.click(d.prev);ab.click(d.close);s.children().removeClass(l);b("."+G).live("click",function(a){if(!(a.button!==0&&typeof a.button!=="undefined"||a.ctrlKey||a.shiftKey||a.altKey)){a.preventDefault();db(this)}});x.click(function(){a.overlayClose&&d.close()});b(document).bind("keydown",function(b){if(u&&a.escKey&&b.keyCode===27){b.preventDefault();d.close()}if(u&&a.arrowKey&&!E&&h[1])if(b.keyCode===37&&(g||a.loop)){b.preventDefault();H.click()}else if(b.keyCode===39&&(g<h.length-1||a.loop)){b.preventDefault();I.click()}})};d.remove=function(){j.add(x).remove();b("."+G).die("click").removeData(r).removeClass(G)};d.position=function(f,d){function b(a){bb[0].style.width=S[0].style.width=s[0].style.width=a.style.width;K[0].style.height=K[1].style.height=s[0].style.height=T[0].style.height=R[0].style.height=a.style.height}var e,h=Math.max(document.documentElement.clientHeight-a.h-y-C,0)/2+n.scrollTop(),g=Math.max(n.width()-a.w-z-D,0)/2+n.scrollLeft();e=j.width()===a.w+z&&j.height()===a.h+y?0:f;B[0].style.width=B[0].style.height="9999px";j.dequeue().animate({width:a.w+z,height:a.h+y,top:h,left:g},{duration:e,complete:function(){b(this);E=c;B[0].style.width=a.w+z+D+"px";B[0].style.height=a.h+y+C+"px";d&&d()},step:function(){b(this)}})};d.resize=function(b){if(u){b=b||{};if(b.width)a.w=p(b.width,m)-z-D;if(b.innerWidth)a.w=p(b.innerWidth,m);k.css({width:a.w});if(b.height)a.h=p(b.height,o)-y-C;if(b.innerHeight)a.h=p(b.innerHeight,o);if(!b.innerHeight&&!b.height){b=k.wrapInner("<div style='overflow:auto'></div>").children();a.h=b.height();b.replaceWith(b.children())}k.css({height:a.h});d.position(a.transition===t?0:a.speed)}};d.prep=function(o){var e="hidden";function m(t){var q,f,o,e,m=h.length,s=a.loop;d.position(t,function(){if(u){A&&p&&k.fadeIn(100);k.show();w(hb);Z.show().html(a.title);if(m>1){typeof a.current==="string"&&Y.html(a.current.replace(/\{current\}/,g+1).replace(/\{total\}/,m)).show();I[s||g<m-1?"show":"hide"]().html(a.next);H[s||g?"show":"hide"]().html(a.previous);q=g?h[g-1]:h[m-1];o=g<m-1?h[g+1]:h[0];a.slideshow&&F.show();if(a.preloading){e=b.data(o,r).href||o.href;f=b.data(q,r).href||q.href;e=b.isFunction(e)?e.call(o):e;f=b.isFunction(f)?f.call(q):f;if(U(e))b("<img/>")[0].src=e;if(U(f))b("<img/>")[0].src=f}}K.hide();if(a.transition==="fade")j.fadeTo(l,1,function(){if(A)j[0].style.filter=c});else if(A)j[0].style.filter=c;n.bind(v+i,function(){d.position(0)});w(V,a.onComplete)}})}if(u){var p,l=a.transition===t?0:a.speed;n.unbind(v+i);k.remove();k=f(M).html(o);k.hide().appendTo(J.show()).css({width:function(){a.w=a.w||k.width();a.w=a.mw&&a.mw<a.w?a.mw:a.w;return a.w}(),overflow:a.scrolling?q:e}).css({height:function(){a.h=a.h||k.height();a.h=a.mh&&a.mh<a.h?a.mh:a.h;return a.h}()}).prependTo(s);J.hide();b("#"+i+"Photo").css({cssFloat:t,marginLeft:q,marginRight:q});X&&b("select").not(j.find("select")).filter(function(){return this.style.visibility!==e}).css({visibility:e}).one(N,function(){this.style.visibility="inherit"});a.transition==="fade"?j.fadeTo(l,0,function(){m(0)}):m(l)}};d.load=function(u){var n,c,s,q=d.prep;E=e;l=h[g];u||(a=cb(b.extend({},b.data(l,r))));w(Q);w(W,a.onLoad);a.h=a.height?p(a.height,o)-y-C:a.innerHeight&&p(a.innerHeight,o);a.w=a.width?p(a.width,m)-z-D:a.innerWidth&&p(a.innerWidth,m);a.mw=a.w;a.mh=a.h;if(a.maxWidth){a.mw=p(a.maxWidth,m)-z-D;a.mw=a.w&&a.w<a.mw?a.w:a.mw}if(a.maxHeight){a.mh=p(a.maxHeight,o)-y-C;a.mh=a.h&&a.h<a.mh?a.h:a.mh}n=a.href;K.show();if(a.inline){f().hide().insertBefore(b(n)[0]).one(Q,function(){b(this).replaceWith(k.children())});q(b(n))}else if(a.iframe){j.one(hb,function(){var c=b("<iframe name='"+(new Date).getTime()+"' frameborder=0"+(a.scrolling?"":" scrolling='no'")+(A?" allowtransparency='true'":"")+" style='width:100%; height:100%; border:0; display:block;'/>");c[0].src=a.href;c.appendTo(k).one(Q,function(){c[0].src='//about:blank'})});q(" ")}else if(a.html)q(a.html);else if(U(n)){c=new Image;c.onload=function(){var e;c.onload=null;c.id=i+"Photo";b(c).css({border:t,display:"block",cssFloat:"left"});if(a.scalePhotos){s=function(){c.height-=c.height*e;c.width-=c.width*e};if(a.mw&&c.width>a.mw){e=(c.width-a.mw)/c.width;s()}if(a.mh&&c.height>a.mh){e=(c.height-a.mh)/c.height;s()}}if(a.h)c.style.marginTop=Math.max(a.h-c.height,0)/2+"px";h[1]&&(g<h.length-1||a.loop)&&b(c).css({cursor:"pointer"}).click(d.next);if(A)c.style.msInterpolationMode="bicubic";setTimeout(function(){q(c)},1)};setTimeout(function(){c.src=n},1)}else n&&J.load(n,function(d,c,a){q(c==="error"?"Request unsuccessful: "+a.statusText:b(this).children())})};d.next=function(){if(!E){g=g<h.length-1?g+1:0;d.load()}};d.prev=function(){if(!E){g=g?g-1:h.length-1;d.load()}};d.close=function(){if(u&&!O){O=e;u=c;w(N,a.onCleanup);n.unbind("."+i+" ."+P);x.fadeTo("fast",0);j.stop().fadeTo("fast",0,function(){w(Q);k.remove();j.add(x).css({opacity:1,cursor:q}).hide();setTimeout(function(){O=c;w(eb,a.onClosed)},1)})}};d.element=function(){return b(l)};d.settings=gb;b(d.init)})(jQuery,this) 
     4(function(a,b,c){function ba(b){if(!T){O=b,Z(a.extend(J,a.data(O,e))),x=a(O),P=0,J.rel!=="nofollow"&&(x=a("."+V).filter(function(){var b=a.data(this,e).rel||this.rel;return b===J.rel}),P=x.index(O),P===-1&&(x=x.add(O),P=x.length-1));if(!R){R=S=!0,q.show();if(J.returnFocus)try{O.blur(),a(O).one(k,function(){try{this.focus()}catch(a){}})}catch(c){}p.css({opacity:+J.opacity,cursor:J.overlayClose?"pointer":"auto"}).show(),J.w=X(J.initialWidth,"x"),J.h=X(J.initialHeight,"y"),U.position(0),n&&y.bind("resize."+o+" scroll."+o,function(){p.css({width:y.width(),height:y.height(),top:y.scrollTop(),left:y.scrollLeft()})}).trigger("resize."+o),$(g,J.onOpen),I.add(C).hide(),H.html(J.close).show()}U.load(!0)}}function _(){var a,b=f+"Slideshow_",c="click."+f,d,e,g;J.slideshow&&x[1]&&(d=function(){E.text(J.slideshowStop).unbind(c).bind(i,function(){if(P<x.length-1||J.loop)a=setTimeout(U.next,J.slideshowSpeed)}).bind(h,function(){clearTimeout(a)}).one(c+" "+j,e),q.removeClass(b+"off").addClass(b+"on"),a=setTimeout(U.next,J.slideshowSpeed)},e=function(){clearTimeout(a),E.text(J.slideshowStart).unbind([i,h,j,c].join(" ")).one(c,d),q.removeClass(b+"on").addClass(b+"off")},J.slideshowAuto?d():e())}function $(b,c){c&&c.call(O),a.event.trigger(b)}function Z(b){for(var c in b)a.isFunction(b[c])&&c.substring(0,2)!=="on"&&(b[c]=b[c].call(O));b.rel=b.rel||O.rel||"nofollow",b.href=a.trim(b.href||a(O).attr("href")),b.title=b.title||O.title}function Y(a){return J.photo||/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(a)}function X(a,b){b=b==="x"?y.width():y.height();return typeof a=="string"?Math.round(/%/.test(a)?b/100*parseInt(a,10):parseInt(a,10)):a}function W(c,d){var e=b.createElement("div");c&&(e.id=f+c),e.style.cssText=d||!1;return a(e)}var d={transition:"elastic",speed:300,width:!1,initialWidth:"600",innerWidth:!1,maxWidth:!1,height:!1,initialHeight:"450",innerHeight:!1,maxHeight:!1,scalePhotos:!0,scrolling:!0,inline:!1,html:!1,iframe:!1,fastIframe:!0,photo:!1,href:!1,title:!1,rel:!1,opacity:.9,preloading:!0,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:!1,returnFocus:!0,loop:!0,slideshow:!1,slideshowAuto:!0,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:!1,onLoad:!1,onComplete:!1,onCleanup:!1,onClosed:!1,overlayClose:!0,escKey:!0,arrowKey:!0},e="colorbox",f="cbox",g=f+"_open",h=f+"_load",i=f+"_complete",j=f+"_cleanup",k=f+"_closed",l=f+"_purge",m=a.browser.msie&&!a.support.opacity,n=m&&a.browser.version<7,o=f+"_IE6",p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J={},K,L,M,N,O,P,Q,R,S,T=!1,U,V=f+"Element";U=a.fn[e]=a[e]=function(b,c){var f=this,g;if(!f[0]&&f.selector)return f;b=b||{},c&&(b.onComplete=c);if(!f[0]||f.selector===undefined)f=a("<a/>"),b.open=!0;f.each(function(){a.data(this,e,a.extend({},a.data(this,e)||d,b)),a(this).addClass(V)}),g=b.open,a.isFunction(g)&&(g=g.call(f)),g&&ba(f[0]);return f},U.init=function(){y=a(c),q=W().attr({id:e,"class":m?f+(n?"IE6":"IE"):""}),p=W("Overlay",n?"position:absolute":"").hide(),r=W("Wrapper"),s=W("Content").append(z=W("LoadedContent","width:0; height:0; overflow:hidden"),B=W("LoadingOverlay").add(W("LoadingGraphic")),C=W("Title"),D=W("Current"),F=W("Next"),G=W("Previous"),E=W("Slideshow").bind(g,_),H=W("Close")),r.append(W().append(W("TopLeft"),t=W("TopCenter"),W("TopRight")),W(!1,"clear:left").append(u=W("MiddleLeft"),s,v=W("MiddleRight")),W(!1,"clear:left").append(W("BottomLeft"),w=W("BottomCenter"),W("BottomRight"))).children().children().css({"float":"left"}),A=W(!1,"position:absolute; width:9999px; visibility:hidden; display:none"),a("body").prepend(p,q.append(r,A)),s.children().hover(function(){a(this).addClass("hover")},function(){a(this).removeClass("hover")}).addClass("hover"),K=t.height()+w.height()+s.outerHeight(!0)-s.height(),L=u.width()+v.width()+s.outerWidth(!0)-s.width(),M=z.outerHeight(!0),N=z.outerWidth(!0),q.css({"padding-bottom":K,"padding-right":L}).hide(),F.click(function(){U.next()}),G.click(function(){U.prev()}),H.click(function(){U.close()}),I=F.add(G).add(D).add(E),s.children().removeClass("hover"),a("."+V).live("click",function(a){a.button!==0&&typeof a.button!="undefined"||a.ctrlKey||a.shiftKey||a.altKey||(a.preventDefault(),ba(this))}),p.click(function(){J.overlayClose&&U.close()}),a(b).bind("keydown."+f,function(a){var b=a.keyCode;R&&J.escKey&&b===27&&(a.preventDefault(),U.close()),R&&J.arrowKey&&x[1]&&(b===37?(a.preventDefault(),G.click()):b===39&&(a.preventDefault(),F.click()))})},U.remove=function(){q.add(p).remove(),a("."+V).die("click").removeData(e).removeClass(V)},U.position=function(a,c){function g(a){t[0].style.width=w[0].style.width=s[0].style.width=a.style.width,B[0].style.height=B[1].style.height=s[0].style.height=u[0].style.height=v[0].style.height=a.style.height}var d,e=Math.max(b.documentElement.clientHeight-J.h-M-K,0)/2+y.scrollTop(),f=Math.max(y.width()-J.w-N-L,0)/2+y.scrollLeft();d=q.width()===J.w+N&&q.height()===J.h+M?0:a,r[0].style.width=r[0].style.height="9999px",q.dequeue().animate({width:J.w+N,height:J.h+M,top:e,left:f},{duration:d,complete:function(){g(this),S=!1,r[0].style.width=J.w+N+L+"px",r[0].style.height=J.h+M+K+"px",c&&c()},step:function(){g(this)}})},U.resize=function(a){if(R){a=a||{},a.width&&(J.w=X(a.width,"x")-N-L),a.innerWidth&&(J.w=X(a.innerWidth,"x")),z.css({width:J.w}),a.height&&(J.h=X(a.height,"y")-M-K),a.innerHeight&&(J.h=X(a.innerHeight,"y"));if(!a.innerHeight&&!a.height){var b=z.wrapInner("<div style='overflow:auto'></div>").children();J.h=b.height(),b.replaceWith(b.children())}z.css({height:J.h}),U.position(J.transition==="none"?0:J.speed)}},U.prep=function(b){function h(b){U.position(b,function(){var b,d,g,h,j=x.length,k,n;!R||(n=function(){B.hide(),$(i,J.onComplete)},m&&Q&&z.fadeIn(100),C.html(J.title).add(z).show(),j>1?(typeof J.current=="string"&&D.html(J.current.replace(/\{current\}/,P+1).replace(/\{total\}/,j)).show(),F[J.loop||P<j-1?"show":"hide"]().html(J.next),G[J.loop||P?"show":"hide"]().html(J.previous),b=P?x[P-1]:x[j-1],g=P<j-1?x[P+1]:x[0],J.slideshow&&E.show(),J.preloading&&(h=a.data(g,e).href||g.href,d=a.data(b,e).href||b.href,h=a.isFunction(h)?h.call(g):h,d=a.isFunction(d)?d.call(b):d,Y(h)&&(a("<img/>")[0].src=h),Y(d)&&(a("<img/>")[0].src=d))):I.hide(),J.iframe?(k=a("<iframe/>").addClass(f+"Iframe")[0],J.fastIframe?n():a(k).load(n),k.name=f+ +(new Date),k.src=J.href,J.scrolling||(k.scrolling="no"),m&&(k.frameBorder=0,k.allowTransparency="true"),a(k).appendTo(z).one(l,function(){k.src="//about:blank"})):n(),J.transition==="fade"?q.fadeTo(c,1,function(){q[0].style.filter=""}):q[0].style.filter="",y.bind("resize."+f,function(){U.position(0)}))})}function g(){J.h=J.h||z.height(),J.h=J.mh&&J.mh<J.h?J.mh:J.h;return J.h}function d(){J.w=J.w||z.width(),J.w=J.mw&&J.mw<J.w?J.mw:J.w;return J.w}if(!!R){var c=J.transition==="none"?0:J.speed;y.unbind("resize."+f),z.remove(),z=W("LoadedContent").html(b),z.hide().appendTo(A.show()).css({width:d(),overflow:J.scrolling?"auto":"hidden"}).css({height:g()}).prependTo(s),A.hide(),a(Q).css({"float":"none"}),n&&a("select").not(q.find("select")).filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one(j,function(){this.style.visibility="inherit"}),J.transition==="fade"?q.fadeTo(c,0,function(){h(0)}):h(c)}},U.load=function(b){var c,d,g=U.prep;S=!0,Q=!1,O=x[P],b||Z(a.extend(J,a.data(O,e))),$(l),$(h,J.onLoad),J.h=J.height?X(J.height,"y")-M-K:J.innerHeight&&X(J.innerHeight,"y"),J.w=J.width?X(J.width,"x")-N-L:J.innerWidth&&X(J.innerWidth,"x"),J.mw=J.w,J.mh=J.h,J.maxWidth&&(J.mw=X(J.maxWidth,"x")-N-L,J.mw=J.w&&J.w<J.mw?J.w:J.mw),J.maxHeight&&(J.mh=X(J.maxHeight,"y")-M-K,J.mh=J.h&&J.h<J.mh?J.h:J.mh),c=J.href,B.show(),J.inline?(W().hide().insertBefore(a(c)[0]).one(l,function(){a(this).replaceWith(z.children())}),g(a(c))):J.iframe?g(" "):J.html?g(J.html):Y(c)?(a(Q=new Image).addClass(f+"Photo").error(function(){J.title=!1,g(W("Error").text("This image could not be loaded"))}).load(function(){var a;Q.onload=null,J.scalePhotos&&(d=function(){Q.height-=Q.height*a,Q.width-=Q.width*a},J.mw&&Q.width>J.mw&&(a=(Q.width-J.mw)/Q.width,d()),J.mh&&Q.height>J.mh&&(a=(Q.height-J.mh)/Q.height,d())),J.h&&(Q.style.marginTop=Math.max(J.h-Q.height,0)/2+"px"),x[1]&&(P<x.length-1||J.loop)&&(Q.style.cursor="pointer",Q.onclick=function(){U.next()}),m&&(Q.style.msInterpolationMode="bicubic"),setTimeout(function(){g(Q)},1)}),setTimeout(function(){Q.src=c},1)):c&&A.load(c,function(b,c,d){g(c==="error"?W("Error").text("Request unsuccessful: "+d.statusText):a(this).contents())})},U.next=function(){!S&&x[1]&&(P<x.length-1||J.loop)&&(P=P<x.length-1?P+1:0,U.load())},U.prev=function(){!S&&x[1]&&(P||J.loop)&&(P=P?P-1:x.length-1,U.load())},U.close=function(){R&&!T&&(T=!0,R=!1,$(j,J.onCleanup),y.unbind("."+f+" ."+o),p.fadeTo(200,0),q.stop().fadeTo(300,0,function(){q.add(p).css({opacity:1,cursor:"auto"}).hide(),$(l),z.remove(),setTimeout(function(){T=!1,$(k,J.onClosed)},1)}))},U.element=function(){return a(O)},U.settings=d,a(U.init)})(jQuery,document,this); 
  • extensions/lightbox/js/jquery.colorbox.js

    r7949 r9976  
    1 // ColorBox v1.3.14 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+ 
    2 // Copyright (c) 2010 Jack Moore - jack@colorpowered.com 
     1// ColorBox v1.3.16 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+ 
     2// Copyright (c) 2011 Jack Moore - jack@colorpowered.com 
    33// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php 
    4 (function ($, window) { 
    5          
     4(function ($, document, window) { 
    65        var 
    76        // ColorBox Default Settings.    
     
    2322                html: false, 
    2423                iframe: false, 
     24                fastIframe: true, 
    2525                photo: false, 
    2626                href: false, 
     
    6262        event_closed = prefix + '_closed', 
    6363        event_purge = prefix + '_purge', 
    64         event_loaded = prefix + '_loaded', 
    6564         
    6665        // Special Handling for IE 
     
    8988        $prev, 
    9089        $close, 
     90        $groupControls, 
    9191 
    9292        // Variables for cached values or use across multiple functions 
     93        settings = {}, 
    9394        interfaceHeight, 
    9495        interfaceWidth, 
     
    9798        element, 
    9899        index, 
    99         settings, 
     100        photo, 
    100101        open, 
    101102        active, 
     
    110111 
    111112        // jQuery object generator to reduce code size 
    112         function $div(id, css) {  
    113                 id = id ? ' id="' + prefix + id + '"' : ''; 
    114                 css = css ? ' style="' + css + '"' : ''; 
    115                 return $('<div' + id + css + '/>'); 
     113        function $div(id, cssText) {  
     114                var div = document.createElement('div'); 
     115                if (id) { 
     116            div.id = prefix + id; 
     117        } 
     118                div.style.cssText = cssText || false; 
     119                return $(div); 
    116120        } 
    117121 
     
    136140                } 
    137141                settings.rel = settings.rel || element.rel || 'nofollow'; 
    138                 settings.href = settings.href || $(element).attr('href'); 
     142                settings.href = $.trim(settings.href || $(element).attr('href')); 
    139143                settings.title = settings.title || element.title; 
    140                 return settings; 
    141144        } 
    142145 
     
    198201                        element = elem; 
    199202                         
    200                         settings = process($.extend({}, $.data(element, colorbox))); 
     203                        process($.extend(settings, $.data(element, colorbox))); 
    201204                         
    202205                        $related = $(element); 
     
    249252                                        $window.bind('resize.' + event_ie6 + ' scroll.' + event_ie6, function () { 
    250253                                                $overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()}); 
    251                                         }).trigger('scroll.' + event_ie6); 
     254                                        }).trigger('resize.' + event_ie6); 
    252255                                } 
    253256                                 
    254257                                trigger(event_open, settings.onOpen); 
    255258                                 
    256                                 $current.add($prev).add($next).add($slideshow).add($title).hide(); 
     259                                $groupControls.add($title).hide(); 
    257260                                 
    258261                                $close.html(settings.close).show(); 
     
    311314                // Create & Append jQuery Objects 
    312315                $window = $(window); 
    313                 $box = $div().attr({id: colorbox, 'class': isIE ? prefix + 'IE' : ''}); 
     316                $box = $div().attr({id: colorbox, 'class': isIE ? prefix + (isIE6 ? 'IE6' : 'IE') : ''}); 
    314317                $overlay = $div("Overlay", isIE6 ? 'position:absolute' : '').hide(); 
    315318                 
     
    363366                $box.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth}).hide(); 
    364367                 
    365                 // Setup button events. 
    366                 $next.click(publicMethod.next); 
    367                 $prev.click(publicMethod.prev); 
    368                 $close.click(publicMethod.close); 
     368                // Setup button events. 
     369                $next.click(function () { 
     370                        publicMethod.next(); 
     371                }); 
     372                $prev.click(function () { 
     373                        publicMethod.prev(); 
     374                }); 
     375                $close.click(function () { 
     376                        publicMethod.close(); 
     377                }); 
     378                 
     379                $groupControls = $next.add($prev).add($current).add($slideshow); 
    369380                 
    370381                // Adding the 'hover' class allowed the browser to load the hover-state 
     
    387398                 
    388399                // Set Navigation Key Bindings 
    389                 $(document).bind("keydown", function (e) { 
    390                         if (open && settings.escKey && e.keyCode === 27) { 
     400                $(document).bind('keydown.' + prefix, function (e) { 
     401                        var key = e.keyCode; 
     402                        if (open && settings.escKey && key === 27) { 
    391403                                e.preventDefault(); 
    392404                                publicMethod.close(); 
    393405                        } 
    394                         if (open && settings.arrowKey && !active && $related[1]) { 
    395                                 if (e.keyCode === 37 && (index || settings.loop)) { 
     406                        if (open && settings.arrowKey && $related[1]) { 
     407                                if (key === 37) { 
    396408                                        e.preventDefault(); 
    397409                                        $prev.click(); 
    398                                 } else if (e.keyCode === 39 && (index < $related.length - 1 || settings.loop)) { 
     410                                } else if (key === 39) { 
    399411                                        e.preventDefault(); 
    400412                                        $next.click(); 
     
    485497                } 
    486498                 
    487                 var photo, 
    488                 speed = settings.transition === "none" ? 0 : settings.speed; 
     499                var speed = settings.transition === "none" ? 0 : settings.speed; 
    489500                 
    490501                $window.unbind('resize.' + prefix); 
     
    512523                 
    513524                // floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width. 
    514                 $('#' + prefix + 'Photo').css({cssFloat: 'none', marginLeft: 'auto', marginRight: 'auto'}); 
    515                  
     525                //$(photo).css({'float': 'none', marginLeft: 'auto', marginRight: 'auto'}); 
     526                 
     527                $(photo).css({'float': 'none'}); 
     528                 
    516529                // Hides SELECT elements in IE6 because they would otherwise sit on top of the overlay. 
    517530                if (isIE6) { 
     
    522535                        }); 
    523536                } 
    524                                  
     537                 
    525538                function setPosition(s) { 
    526                         var prev, prevSrc, next, nextSrc, total = $related.length, loop = settings.loop; 
    527539                        publicMethod.position(s, function () { 
    528                                 function defilter() { 
    529                                         if (isIE) { 
    530                                                 //IE adds a filter when ColorBox fades in and out that can cause problems if the loaded content contains transparent pngs. 
    531                                                 $box[0].style.filter = false; 
    532                                         } 
    533                                 } 
     540                                var prev, prevSrc, next, nextSrc, total = $related.length, iframe, complete; 
    534541                                 
    535542                                if (!open) { 
    536543                                        return; 
    537544                                } 
     545                                 
     546                                complete = function () { 
     547                                        $loadingOverlay.hide(); 
     548                                        trigger(event_complete, settings.onComplete); 
     549                                }; 
    538550                                 
    539551                                if (isIE) { 
     
    544556                                } 
    545557                                 
    546                                 $loaded.show(); 
    547                                  
    548                                 trigger(event_loaded); 
    549                                  
    550                                 $title.show().html(settings.title); 
     558                                $title.html(settings.title).add($loaded).show(); 
    551559                                 
    552560                                if (total > 1) { // handle grouping 
     
    555563                                        } 
    556564                                         
    557                                         $next[(loop || index < total - 1) ? "show" : "hide"]().html(settings.next); 
    558                                         $prev[(loop || index) ? "show" : "hide"]().html(settings.previous); 
     565                                        $next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next); 
     566                                        $prev[(settings.loop || index) ? "show" : "hide"]().html(settings.previous); 
    559567                                         
    560568                                        prev = index ? $related[index - 1] : $related[total - 1]; 
     
    581589                                                } 
    582590                                        } 
    583                                 } 
    584                                  
    585                                 $loadingOverlay.hide(); 
     591                                } else { 
     592                                        $groupControls.hide(); 
     593                                } 
     594                                 
     595                                if (settings.iframe) { 
     596                                        iframe = $('<iframe/>').addClass(prefix + 'Iframe')[0]; 
     597                                         
     598                                        if (settings.fastIframe) { 
     599                                                complete(); 
     600                                        } else { 
     601                                                $(iframe).load(complete); 
     602                                        } 
     603                                        iframe.name = prefix + (+new Date()); 
     604                                        iframe.src = settings.href; 
     605                                         
     606                                        if (!settings.scrolling) { 
     607                                                iframe.scrolling = "no"; 
     608                                        } 
     609                                         
     610                                        if (isIE) { 
     611                        iframe.frameBorder=0; 
     612                                                iframe.allowTransparency = "true"; 
     613                                        } 
     614                                         
     615                                        $(iframe).appendTo($loaded).one(event_purge, function () { 
     616                                                iframe.src = "//about:blank"; 
     617                                        }); 
     618                                } else { 
     619                                        complete(); 
     620                                } 
    586621                                 
    587622                                if (settings.transition === 'fade') { 
    588623                                        $box.fadeTo(speed, 1, function () { 
    589                                                 defilter(); 
     624                                                $box[0].style.filter = ""; 
    590625                                        }); 
    591626                                } else { 
    592                                         defilter(); 
     627                     $box[0].style.filter = ""; 
    593628                                } 
    594629                                 
     
    596631                                        publicMethod.position(0); 
    597632                                }); 
    598                                  
    599                                 trigger(event_complete, settings.onComplete); 
    600633                        }); 
    601634                } 
     
    611644 
    612645        publicMethod.load = function (launched) { 
    613                 var href, img, setResize, prep = publicMethod.prep; 
     646                var href, setResize, prep = publicMethod.prep; 
    614647                 
    615648                active = true; 
     649                 
     650                photo = false; 
     651                 
    616652                element = $related[index]; 
    617653                 
    618654                if (!launched) { 
    619                         settings = process($.extend({}, $.data(element, colorbox))); 
     655                        process($.extend(settings, $.data(element, colorbox))); 
    620656                } 
    621657                 
     
    661697                        // IFrame element won't be added to the DOM until it is ready to be displayed, 
    662698                        // to avoid problems with DOM-ready JS that might be trying to run in that iframe. 
    663                         $box.one(event_loaded, function () { 
    664                                 var $iframe = $("<iframe name='" + new Date().getTime() + "' frameborder=0" + (settings.scrolling ? "" : " scrolling='no'") + (isIE ? " allowtransparency='true'" : '') + " style='width:100%; height:100%; border:0; display:block;'/>"); 
    665                                 $iframe[0].src = settings.href; 
    666                                 $iframe.appendTo($loaded).one(event_purge, function () { 
    667                                         $iframe[0].src = '//about:blank'; 
    668                                 }); 
    669                         }); 
    670                          
    671699                        prep(" "); 
    672700                } else if (settings.html) { 
    673701                        prep(settings.html); 
    674702                } else if (isImage(href)) { 
    675                         img = new Image(); 
    676                         img.onload = function () { 
     703                        $(photo = new Image()) 
     704                        .addClass(prefix + 'Photo') 
     705                        .error(function () { 
     706                                settings.title = false; 
     707                                prep($div('Error').text('This image could not be loaded')); 
     708                        }) 
     709                        .load(function () { 
    677710                                var percent; 
    678                                 img.onload = null; 
    679                                 img.id = prefix + 'Photo'; 
    680                                 $(img).css({border: 'none', display: 'block', cssFloat: 'left'}); 
     711                                photo.onload = null; //stops animated gifs from firing the onload repeatedly. 
     712                                 
    681713                                if (settings.scalePhotos) { 
    682714                                        setResize = function () { 
    683                                                 img.height -= img.height * percent; 
    684                                                 img.width -= img.width * percent;        
     715                                                photo.height -= photo.height * percent; 
     716                                                photo.width -= photo.width * percent;    
    685717                                        }; 
    686                                         if (settings.mw && img.width > settings.mw) { 
    687                                                 percent = (img.width - settings.mw) / img.width; 
     718                                        if (settings.mw && photo.width > settings.mw) { 
     719                                                percent = (photo.width - settings.mw) / photo.width; 
    688720                                                setResize(); 
    689721                                        } 
    690                                         if (settings.mh && img.height > settings.mh) { 
    691                                                 percent = (img.height - settings.mh) / img.height; 
     722                                        if (settings.mh && photo.height > settings.mh) { 
     723                                                percent = (photo.height - settings.mh) / photo.height; 
    692724                                                setResize(); 
    693725                                        } 
     
    695727                                 
    696728                                if (settings.h) { 
    697                                         img.style.marginTop = Math.max(settings.h - img.height, 0) / 2 + 'px'; 
     729                                        photo.style.marginTop = Math.max(settings.h - photo.height, 0) / 2 + 'px'; 
    698730                                } 
    699731                                 
    700732                                if ($related[1] && (index < $related.length - 1 || settings.loop)) { 
    701                                         $(img).css({cursor: 'pointer'}).click(publicMethod.next); 
     733                                        photo.style.cursor = 'pointer'; 
     734                                        photo.onclick = function () { 
     735                                                publicMethod.next(); 
     736                                        }; 
    702737                                } 
    703738                                 
    704739                                if (isIE) { 
    705                                         img.style.msInterpolationMode = 'bicubic'; 
    706                                 } 
    707                                  
    708                                 setTimeout(function () { // Chrome will sometimes report a 0 by 0 size if there isn't pause in execution 
    709                                         prep(img); 
     740                                        photo.style.msInterpolationMode = 'bicubic'; 
     741                                } 
     742                                 
     743                                setTimeout(function () { // A pause because Chrome will sometimes report a 0 by 0 size otherwise. 
     744                                        prep(photo); 
    710745                                }, 1); 
    711                         }; 
    712                          
    713                         setTimeout(function () { // Opera 10.6+ will sometimes load the src before the onload function is set 
    714                                 img.src = href; 
    715                         }, 1);   
     746                        }); 
     747                         
     748                        setTimeout(function () { // A pause because Opera 10.6+ will sometimes not run the onload function otherwise. 
     749                                photo.src = href; 
     750                        }, 1); 
    716751                } else if (href) { 
    717752                        $loadingBay.load(href, function (data, status, xhr) { 
    718                                 prep(status === 'error' ? 'Request unsuccessful: ' + xhr.statusText : $(this).children()); 
     753                                prep(status === 'error' ? $div('Error').text('Request unsuccessful: ' + xhr.statusText) : $(this).contents()); 
    719754                        }); 
    720755                } 
    721756        }; 
    722  
     757         
    723758        // Navigates to the next page/image in a set. 
    724759        publicMethod.next = function () { 
    725                 if (!active) { 
     760                if (!active && $related[1] && (index < $related.length - 1 || settings.loop)) { 
    726761                        index = index < $related.length - 1 ? index + 1 : 0; 
    727762                        publicMethod.load(); 
     
    730765         
    731766        publicMethod.prev = function () { 
    732                 if (!active) { 
     767                if (!active && $related[1] && (index || settings.loop)) { 
    733768                        index = index ? index - 1 : $related.length - 1; 
    734769                        publicMethod.load(); 
     
    739774        publicMethod.close = function () { 
    740775                if (open && !closing) { 
     776                         
    741777                        closing = true; 
    742778                         
     
    747783                        $window.unbind('.' + prefix + ' .' + event_ie6); 
    748784                         
    749                         $overlay.fadeTo('fast', 0); 
    750                          
    751                         $box.stop().fadeTo('fast', 0, function () { 
     785                        $overlay.fadeTo(200, 0); 
     786                         
     787                        $box.stop().fadeTo(300, 0, function () { 
     788                                 
     789                                $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide(); 
    752790                                 
    753791                                trigger(event_purge); 
    754792                                 
    755793                                $loaded.remove(); 
    756                                  
    757                                 $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide(); 
    758794                                 
    759795                                setTimeout(function () { 
     
    776812        $(publicMethod.init); 
    777813 
    778 }(jQuery, this)); 
     814}(jQuery, document, this)); 
  • extensions/lightbox/theme/clear/colorbox.css

    r6372 r9976  
    11/* 
    2     ColorBox Core Style 
    3     The following rules are the styles that are consistant between themes. 
    4     Avoid changing this area to maintain compatability with future versions of ColorBox. 
     2    ColorBox Core Style: 
     3    The following CSS is consistent between example themes and should not be altered. 
    54*/ 
    65#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    76#cboxOverlay{position:fixed; width:100%; height:100%;} 
    87#cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    9 #cboxContent{position:relative; overflow:hidden;} 
     8#cboxContent{position:relative;} 
    109#cboxLoadedContent{overflow:auto;} 
    11 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} 
    1210#cboxTitle{margin:0;} 
    1311#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    1412#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
     13.cboxPhoto{float:left; margin:auto; border:0; display:block;} 
     14.cboxIframe{width:100%; height:100%; display:block; border:0;} 
    1515 
    1616/*  
    17     Example user style 
    18     The following rules are ordered and tabbed in a way that represents the 
    19     order/nesting of the generated HTML, so that the structure easier to understand. 
     17    User Style: 
     18    Change the following styles to modify the appearance of ColorBox.  They are 
     19    ordered & tabbed in a way that represents the nesting of the generated HTML. 
    2020*/ 
    21 #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;} 
     21#cboxOverlay{background:url(images/overlay.png) repeat 0 0;} 
    2222#colorbox{} 
    23     #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;} 
    24     #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;} 
    25     #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;} 
    26     #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;} 
     23    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;} 
     24    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;} 
     25    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;} 
     26    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;} 
    2727    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} 
    2828    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} 
    2929    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} 
    3030    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} 
    31     #cboxContent{background:#fff;} 
     31    #cboxContent{background:#fff; overflow:hidden;} 
     32        #cboxError{padding:50px; border:1px solid #ccc;} 
    3233        #cboxLoadedContent{margin-bottom:28px;} 
    3334        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} 
    3435        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} 
    3536        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} 
    36         #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} 
     37        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} 
    3738        #cboxPrevious.hover{background-position:-75px -25px;} 
    38         #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} 
     39        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} 
    3940        #cboxNext.hover{background-position:-50px -25px;} 
    40         #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} 
    41         #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} 
    42         #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} 
     41        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} 
     42        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} 
     43        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} 
    4344        #cboxClose.hover{background-position:-25px -25px;} 
    4445 
    4546/* 
    46     The following fixes png-transparency for IE6.   
    47     It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition 
    48      
    49     Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. 
    50     Colorbox preloads navigation hover classes to account for this. 
    51      
    52     !! Important Note: AlphaImageLoader src paths are relative to the HTML document, 
    53     while regular CSS background images are relative to the CSS document. 
     47  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill 
     48  when an alpha filter (opacity change) is set on the element or ancestor element. 
    5449*/ 
    55 .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} 
    56 .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} 
    57 .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} 
    58 .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} 
    59 .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} 
    60 .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} 
    61 .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} 
    62 .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=plugins/lightbox/theme/clear/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} 
     50.cboxIE #cboxTopLeft, 
     51.cboxIE #cboxTopCenter, 
     52.cboxIE #cboxTopRight, 
     53.cboxIE #cboxBottomLeft, 
     54.cboxIE #cboxBottomCenter, 
     55.cboxIE #cboxBottomRight, 
     56.cboxIE #cboxMiddleLeft, 
     57.cboxIE #cboxMiddleRight { 
     58    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); 
     59} 
     60 
     61/* 
     62  The following provides PNG transparency support for IE6 
     63*/ 
     64.cboxIE6 #cboxTopLeft{background:url(plugins/lightbox/theme/clear/images/borderTopLeft.png);} 
     65.cboxIE6 #cboxTopCenter{background:url(plugins/lightbox/theme/clear/images/borderTopCenter.png);} 
     66.cboxIE6 #cboxTopRight{background:url(plugins/lightbox/theme/clear/images/borderTopRight.png);} 
     67.cboxIE6 #cboxBottomLeft{background:url(plugins/lightbox/theme/clear/images/borderBottomLeft.png);} 
     68.cboxIE6 #cboxBottomCenter{background:url(plugins/lightbox/theme/clear/images/borderBottomCenter.png);} 
     69.cboxIE6 #cboxBottomRight{background:url(plugins/lightbox/theme/clear/images/borderBottomRight.png);} 
     70.cboxIE6 #cboxMiddleLeft{background:url(plugins/lightbox/theme/clear/images/borderMiddleLeft.png);} 
     71.cboxIE6 #cboxMiddleRight{background:url(plugins/lightbox/theme/clear/images/borderMiddleRight.png);} 
     72 
     73.cboxIE6 #cboxTopLeft, 
     74.cboxIE6 #cboxTopCenter, 
     75.cboxIE6 #cboxTopRight, 
     76.cboxIE6 #cboxBottomLeft, 
     77.cboxIE6 #cboxBottomCenter, 
     78.cboxIE6 #cboxBottomRight, 
     79.cboxIE6 #cboxMiddleLeft, 
     80.cboxIE6 #cboxMiddleRight { 
     81    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); 
     82} 
    6383 
    6484#cboxTitle a {color:#222; border-bottom: 0 none;} 
  • extensions/lightbox/theme/dark/colorbox.css

    r4621 r9976  
    11/* 
    2     ColorBox Core Style 
    3     The following rules are the styles that are consistant between themes. 
    4     Avoid changing this area to maintain compatability with future versions of ColorBox. 
     2    ColorBox Core Style: 
     3    The following CSS is consistent between example themes and should not be altered. 
    54*/ 
    65#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
     
    98#cboxContent{position:relative;} 
    109#cboxLoadedContent{overflow:auto;} 
    11 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} 
    1210#cboxTitle{margin:0;} 
    1311#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    1412#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
     13.cboxPhoto{float:left; margin:auto; border:0; display:block;} 
     14.cboxIframe{width:100%; height:100%; display:block; border:0;} 
    1515 
    1616/*  
    17     ColorBox example user style 
    18     The following rules are ordered and tabbed in a way that represents the 
    19     order/nesting of the generated HTML, so that the structure easier to understand. 
     17    User Style: 
     18    Change the following styles to modify the appearance of ColorBox.  They are 
     19    ordered & tabbed in a way that represents the nesting of the generated HTML. 
    2020*/ 
    2121#cboxOverlay{background:#000;} 
    22  
    2322#colorbox{} 
    2423    #cboxContent{margin-top:20px;} 
    25         #cboxLoadedContent{background:#000; padding:5px;} 
     24        #cboxError{padding:50px; border:1px solid #ccc;} 
     25        #cboxLoadedContent{border:5px solid #000; background:#fff;} 
    2626        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} 
    2727        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} 
    2828        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} 
    29         #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;} 
     29        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} 
    3030        #cboxPrevious.hover{background-position:bottom left;} 
    31         #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;} 
     31        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} 
    3232        #cboxNext.hover{background-position:bottom right;} 
    3333        #cboxLoadingOverlay{background:#000;} 
    34         #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} 
    35         #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;} 
     34        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} 
     35        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} 
    3636        #cboxClose.hover{background-position:bottom center;} 
    37          
     37 
    3838#cboxTitle a {color:#fff; border-bottom: 0 none;} 
  • extensions/lightbox/theme/grey/colorbox.css

    r4621 r9976  
    11/* 
    2     ColorBox Core Style 
    3     The following rules are the styles that are consistant between themes. 
    4     Avoid changing this area to maintain compatability with future versions of ColorBox. 
     2    ColorBox Core Style: 
     3    The following CSS is consistent between example themes and should not be altered. 
    54*/ 
    65#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    76#cboxOverlay{position:fixed; width:100%; height:100%;} 
    87#cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    9 #cboxContent{position:relative; overflow:visible;} 
     8#cboxContent{position:relative;} 
    109#cboxLoadedContent{overflow:auto;} 
    11 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} 
    1210#cboxTitle{margin:0;} 
    1311#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    1412#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
     13.cboxPhoto{float:left; margin:auto; border:0; display:block;} 
     14.cboxIframe{width:100%; height:100%; display:block; border:0;} 
    1515 
    1616/*  
    17     ColorBox example user style 
    18     The following rules are ordered and tabbed in a way that represents the 
    19     order/nesting of the generated HTML, so that the structure easier to understand. 
     17    User Style: 
     18    Change the following styles to modify the appearance of ColorBox.  They are 
     19    ordered & tabbed in a way that represents the nesting of the generated HTML. 
    2020*/ 
    2121#cboxOverlay{background:#fff;} 
    22  
    2322#colorbox{} 
    24     #cboxContent{margin-top:32px;} 
     23    #cboxContent{margin-top:32px; overflow:visible;} 
     24        #cboxError{padding:50px; border:1px solid #ccc;} 
    2525        #cboxLoadedContent{background:#000; padding:1px;} 
    26         #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} 
     26        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} 
    2727        #cboxLoadingOverlay{background:#000;} 
    2828        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} 
    2929        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} 
    30         #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;} 
     30        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;} 
    3131        #cboxPrevious{background-position:0px 0px; right:44px;} 
    3232        #cboxPrevious.hover{background-position:0px -25px;} 
  • extensions/lightbox/theme/grey2/colorbox.css

    r4621 r9976  
    11/* 
    2     ColorBox Core Style 
    3     The following rules are the styles that are consistant between themes. 
    4     Avoid changing this area to maintain compatability with future versions of ColorBox. 
     2    ColorBox Core Style: 
     3    The following CSS is consistent between example themes and should not be altered. 
    54*/ 
    65#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    76#cboxOverlay{position:fixed; width:100%; height:100%;} 
    87#cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    9 #cboxContent{position:relative; overflow:visible;} 
     8#cboxContent{position:relative;} 
    109#cboxLoadedContent{overflow:auto;} 
    11 #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} 
    1210#cboxTitle{margin:0;} 
    1311#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    1412#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
     13.cboxPhoto{float:left; margin:auto; border:0; display:block;} 
     14.cboxIframe{width:100%; height:100%; display:block; border:0;} 
    1515 
    1616/*  
    17     ColorBox example user style 
    18     The following rules are ordered and tabbed in a way that represents the 
    19     order/nesting of the generated HTML, so that the structure easier to understand. 
     17    User Style: 
     18    Change the following styles to modify the appearance of ColorBox.  They are 
     19    ordered & tabbed in a way that represents the nesting of the generated HTML. 
    2020*/ 
    2121#cboxOverlay{background:#000;} 
    22  
    2322#colorbox{} 
    24     #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;} 
    25     #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;} 
    26     #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;} 
    27     #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;} 
    28     #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;} 
    29     #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;} 
    30     #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;} 
    31     #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;} 
    32     #cboxContent{background:#fff;} 
     23    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;} 
     24    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;} 
     25    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;} 
     26    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;} 
     27    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;} 
     28    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;} 
     29    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;} 
     30    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;} 
     31    #cboxContent{background:#fff; overflow:visible;} 
    3332        #cboxLoadedContent{margin-bottom:5px;} 
    34         #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} 
    35         #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} 
     33        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} 
     34        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} 
    3635        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} 
    3736        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 
    3837         
    39         #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} 
     38        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 
    4039        #cboxPrevious{left:0px; background-position: -51px -25px;} 
    4140        #cboxPrevious.hover{background-position:-51px 0px;} 
     
    4948        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 
    5049        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} 
    51  
    5250#cboxTitle a {color:#555; border-bottom: 0 none;} 
Note: See TracChangeset for help on using the changeset viewer.