(function($){ $.fn.litebox = function(lang,o){ if(lang=="cn" || lang=="b5") var s = {oc:'white',oy:0.7,oz:1000,sc:'#4A4929',sw:0.8,sh:0.9,ns:2,nc:'white',nz:'1em',nf:'sans-serif',lu:'templates/current/images/img_loading.gif',lh:128,lw:128,ld:2000,a:false,count:true,ad:5000,auto:'自动播放',stop:'停止',restart:'重播',image:'第',of:'张,共',close:'关闭',prev:'前一张',next:'后一张',aa:'空格',ac:'ESC',ap:'左键',an:'右键', click:'点击在新窗口中查看'}; else var s = {oc:'white',oy:0.7,oz:1000,sc:'#4A4929',sw:0.8,sh:0.9,ns:2,nc:'white',nz:'1em',nf:'sans-serif',lu:'templates/current/images/img_loading.gif',lh:128,lw:128,ld:2000,a:false,count:true,ad:5000,auto:'AUTO',stop:'STOP',restart:'RESTART',image:'IMAGE',of:'OF',close:'CLOSE',prev:'PREV',next:'NEXT',aa:'SPACEBAR',ac:'ESC',ap:'LEFT ARROW',an:'RIGHT ARROW', click:'CLICK TO SEE FULL IMAGE IN NEW WINDOW'}; if(o){ $.extend(s, o); } return this.each(function(){ var g = $(this).find('a').click(function(){ 
 var i = $(g).index($(this)[0]); $.litebox.init(i, g, s); return false; }); }); }; $.litebox = { i: 0, g: [], s: {}, t: 0, a: 0, init: function(i, g, s){ this.i = i; this.g = g; this.s = s; this.a = s.a; $('body').append('<iframe id="ss_o" src="" scrolling="no" frameborder="0"></iframe><div id="ss_s"><img id="ss_l" /><img id="ss_i" /><a id="ss_a" href=""></a><a id="ss_x" href=""></a><div id="ss_c"><span></span><span></span><span></span><span></span></div><a id="ss_p" href=""></a><a id="ss_n" href=""></a></div>'); $('#ss_s').css({position: 'fixed', zIndex: s.oz+1, opacity: 0, background: s.sc}); $('#ss_l').attr('src', s.lu).css({position: 'absolute', zIndex: s.oz+2, height: s.lh, width: s.lw, display: 'none'}); $('#ss_i').attr('alt', s.click).css({position: 'absolute', zIndex: s.oz+3, opacity: 0, border: 'none'}).bind('click', function(){ var w = window.open($($.litebox.g[$.litebox.i]).attr('href'),'liteboxwin'); return false; }); $('#ss_c, #ss_s/a').css({position: 'absolute', display: 'block', color: s.nc, font: s.nz+'/1 '+s.nf, textDecoration: 'none', outline: 'none !impotant'}); $('#ss_c').css({width: '50%', bottom: s.ns, left: '25%', textAlign: 'center'}); if(s.count){ $('#ss_c/span:eq(0)').html(s.image+'&nbsp;'); $('#ss_c/span:eq(2)').html('&nbsp;'+s.of+'&nbsp;'); } $('#ss_a').attr('title', s.aa).html(s.auto).css({top: s.ns, left: s.ns*2}).bind('click', function(){ $.litebox.auto(); return false; }); $('#ss_x').attr('title', s.ac).html(s.close).css({top: s.ns, right: s.ns*2}).bind('click', function(){ $.litebox.remove(); return false; }); $('#ss_p').attr('title', s.ap).html(s.prev).css({bottom: s.ns, left: s.ns*2}).bind('click', function(){ $.litebox.moveprev(); return false; }); $('#ss_n').attr('title', s.an).html(s.next).css({bottom: s.ns, right: s.ns*2}).bind('click', function(){ $.litebox.movenext(); return false; }); $('#ss_o').css({position: 'fixed', zIndex: s.oz, opacity: 0, background: s.oc}).fadeTo('normal', s.oy, function(){ $('#ss_s').fadeTo('normal', 1); }); $(document).bind('keydown', function(e){ var key = e.which || e.keyCode || e.charCode; switch (key){ case 27: $.litebox.remove(); break; case 37: $.litebox.moveprev(); break; case 39: $.litebox.movenext(); break; case 32: $.litebox.auto(); break; } return false; }); $.litebox.position(); $.litebox.load(i, g); if (this.a){ this.a = 0; $.litebox.auto(); } }, load: function(i, g){ var s = this.s; $('#ss_i').fadeTo('normal', 0, function(){ $.litebox.t = setTimeout("$('#ss_l').css('display', 'block')", s.ld); $('#ss_i').bind('load', function(){ clearTimeout($.litebox.t); $('#ss_l').css('display', 'none'); $.litebox.resize($(g[i]).attr('href')); if(s.count){ $('#ss_c/span:eq(1)').html(i+1); $('#ss_c/span:eq(3)').html(g.length); } if (i > 0){ $('#ss_p').css('display', 'block'); $.litebox.preload($(g[i-1]).attr('href')); }else{ $('#ss_p').css('display', 'none'); } if (i+1 < g.length){ $('#ss_n').css('display', 'block'); $.litebox.preload($(g[i+1]).attr('href')); }else{ $('#ss_n').css('display', 'none'); } }); $('#ss_i').attr('src', $(g[i]).attr('href')) }); }, position: function(e){ var s = (e) ? e.data.s : this.s; var xh = parseInt($('#ss_x').height(), 10), ww = self.innerWidth || document.documentElement.clientWidth, wh = self.innerHeight || document.documentElement.clientHeight; $('#ss_o').css({height: wh, width: ww, top: 0, left: 0}); $('#ss_s').css({height: wh*s.sh, width: ww*s.sw, top: wh/2-wh*s.sh/2, left: ww/2-ww*s.sw/2}); $('#ss_l').css({top: wh*s.sh/2-s.lh/2, left: ww*s.sw/2-s.lw/2}); if (typeof document.body.style.maxHeight == 'undefined'){ var sx = document.documentElement.scrollLeft, sy = document.documentElement.scrollTop; $('#ss_o').css({position: 'absolute', top: sy, left: sx}); $('#ss_s').css({position: 'absolute', top: wh/2-wh*s.sh/2+sy, left: ww/2-ww*s.sw/2+sx}); $(window).bind('scroll', {s: s}, $.litebox.position); } $.litebox.resize($('#ss_i').attr('src')); $(window).bind('resize', {s: s}, $.litebox.position); }, auto: function(){ var s = this.s; if($.litebox.a==0){ $('#ss_a').html(s.stop); this.a = setInterval("$.litebox.movenext()", s.ad); }else{ clearInterval($.litebox.a); this.a = 0; $('#ss_a').html(s.auto); } }, preload: function(src){ var img = document.createElement('img'); img.src = src; }, resize: function(src){ if (typeof src != 'undefined'){ var s = this.s; var img = new Image(); img.src = src; var xh = parseInt($('#ss_x').height(), 10); var sw = parseInt($('#ss_s').width(), 10)-2*(xh+3*s.ns); var sh = parseInt($('#ss_s').height(), 10)-2*(xh+3*s.ns); var iw = img.width; var ih = img.height; if (iw > sw) { ih = ih * (sw / iw); iw = sw; if (ih > sh) { iw = iw * (sh / ih); ih = sh; } } else if (ih > sh) { iw = iw * (sh / ih); ih = sh; if (iw > sw) { ih = ih * (sw / iw); iw = sw; } } $('#ss_i').css({height: ih, width: iw, top: sh/2-ih/2+xh+2*s.ns, left: sw/2-iw/2+xh+3*s.ns}).fadeTo('normal', 1); } }, moveprev: function(){ if (this.i > 0){ this.i -= 1; $.litebox.load(this.i, this.g); } }, movenext: function(){ if (this.i+1 < this.g.length){ this.i += 1; $.litebox.load(this.i, this.g); if (this.i+1 == this.g.length){ clearInterval($.litebox.a); $('#ss_a').html(this.s.restart).one('click', function(){ $.litebox.a = 0; $.litebox.i = -1; $.litebox.auto(); }); } } }, remove: function(){ $.litebox.a = 0; $(window).unbind('resize').unbind('scroll'); $(document).unbind('keypress'); $('#ss_l').remove(); $('#ss_s').fadeTo('normal', 0, function(){ $('#ss_s').remove(); $('#ss_o').fadeTo('normal', 0, function(){ $('#ss_o').remove(); }); }); } }; })(jQuery);