/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.js * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ (function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'000lates/common/images/lightbox-ico-loading.gif',imageBtnPrev:'templates/common/images/lightbox-btn-prev.gif',imageBtnNext:'templates/common/images/lightbox-btn-next.gif',imageBtnClose:'templates/common/images/lightbox-btn-close.gif',imageBlank:'templates/common/images/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;} function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i
');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});} function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();} var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}} $('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();} if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}} function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}} if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}} _enable_keyboard_navigation();} function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});} function _disable_keyboard_navigation(){$(document).unbind();} function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;} key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();} if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}} if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}} function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];} if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}} function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});} function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;} var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;} windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;} if(yScroll'); $("#fancy_overlay").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': o.overlayOpacity}); if ($.browser.msie) { $("#fancy_wrap").prepend(''); $("#fancy_bigIframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0}); } $("#fancy_overlay").click($.fn.fancybox.close); } opts.itemArray = []; opts.itemNum = 0; if (jQuery.isFunction(o.itemLoadCallback)) { o.itemLoadCallback.apply(this, [opts]); var c = $(el).children("img:first").length ? $(el).children("img:first") : $(el); var tmp = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)} for (var i = 0; i < opts.itemArray.length; i++) { opts.itemArray[i].o = $.extend({}, o, opts.itemArray[i].o); if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) { opts.itemArray[i].orig = tmp; } if (opts.itemArray[i].url == el.href) opts.itemNum = i; } } else { if (!el.rel || el.rel == '') { var item = {url: el.href, title: el.title, o: o}; if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) { var c = $(el).children("img:first").length ? $(el).children("img:first") : $(el); item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)} } opts.itemArray.push(item); } else { var arr = $("a[@rel=" + el.rel + "]").get(); for (var i = 0; i < arr.length; i++) { var tmp = $.metadata ? $.extend({}, o, $(arr[i]).metadata()) : o; var item = {url: arr[i].href, title: arr[i].title, o: tmp}; if (o.zoomSpeedIn > 0 || o.zoomSpeedOut > 0) { var c = $(arr[i]).children("img:first").length ? $(arr[i]).children("img:first") : $(el); item.orig = {'width': c.width(), 'height': c.height(), 'pos': $.fn.fancybox.getPosition(c)} } if (arr[i].href == el.href) opts.itemNum = i; opts.itemArray.push(item); } } } $.fn.fancybox.changeItem(opts.itemNum); }; $.fn.fancybox.changeItem = function(n) { $.fn.fancybox.showLoading(); opts.itemNum = n; $("#fancy_nav").empty(); $("#fancy_outer").stop(); $("#fancy_title").hide(); $(document).unbind("keydown"); imgRegExp = imgTypes.join('|'); imgRegExp = new RegExp('\.' + imgRegExp + '$', 'i'); var url = opts.itemArray[n].url; if (url.match(/#/)) { var target = window.location.href.split('#')[0]; target = url.replace(target,''); $.fn.fancybox.showItem('
' + $(target).html() + '
'); $("#fancy_loading").hide(); } else if (url.match(imgRegExp)) { $(imgPreloader).unbind('load').bind('load', function() { $("#fancy_loading").hide(); opts.itemArray[n].o.frameWidth = imgPreloader.width; opts.itemArray[n].o.frameHeight = imgPreloader.height; $.fn.fancybox.showItem(''); }).attr('src', url + '?rand=' + Math.floor(Math.random() * 999999999) ); } else { $.fn.fancybox.showItem(''); } }; $.fn.fancybox.showIframe = function() { $("#fancy_loading").hide(); $("#fancy_frame").show(); }; $.fn.fancybox.showItem = function(val) { $.fn.fancybox.preloadNeighborImages(); var viewportPos = $.fn.fancybox.getViewport(); var itemSize = $.fn.fancybox.getMaxSize(viewportPos[0] - 50, viewportPos[1] - 100, opts.itemArray[opts.itemNum].o.frameWidth, opts.itemArray[opts.itemNum].o.frameHeight); var itemLeft = viewportPos[2] + Math.round((viewportPos[0] - itemSize[0]) / 2) - 20; var itemTop = viewportPos[3] + Math.round((viewportPos[1] - itemSize[1]) / 2) - 40; var itemOpts = { 'left': itemLeft, 'top': itemTop, 'width': itemSize[0] + 'px', 'height': itemSize[1] + 'px' } if (opts.active) { $('#fancy_content').fadeOut("normal", function() { $("#fancy_content").empty(); $("#fancy_outer").animate(itemOpts, "normal", function() { $("#fancy_content").append($(val)).fadeIn("normal"); $.fn.fancybox.updateDetails(); }); }); } else { opts.active = true; $("#fancy_content").empty(); if ($("#fancy_content").is(":animated")) { console.info('animated!'); } if (opts.itemArray[opts.itemNum].o.zoomSpeedIn > 0) { opts.animating = true; itemOpts.opacity = "show"; $("#fancy_outer").css({ 'top': opts.itemArray[opts.itemNum].orig.pos.top - 18, 'left': opts.itemArray[opts.itemNum].orig.pos.left - 18, 'height': opts.itemArray[opts.itemNum].orig.height, 'width': opts.itemArray[opts.itemNum].orig.width }); $("#fancy_content").append($(val)).show(); $("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedIn, function() { opts.animating = false; $.fn.fancybox.updateDetails(); }); } else { $("#fancy_content").append($(val)).show(); $("#fancy_outer").css(itemOpts).show(); $.fn.fancybox.updateDetails(); } } }; $.fn.fancybox.updateDetails = function() { $("#fancy_bg,#fancy_close").show(); if (opts.itemArray[opts.itemNum].title !== undefined && opts.itemArray[opts.itemNum].title !== '') { $('#fancy_title div').html(opts.itemArray[opts.itemNum].title); $('#fancy_title').show(); } if (opts.itemArray[opts.itemNum].o.hideOnContentClick) { $("#fancy_content").click($.fn.fancybox.close); } else { $("#fancy_content").unbind('click'); } if (opts.itemNum != 0) { $("#fancy_nav").append(''); $('#fancy_left').click(function() { $.fn.fancybox.changeItem(opts.itemNum - 1); return false; }); } if (opts.itemNum != (opts.itemArray.length - 1)) { $("#fancy_nav").append(''); $('#fancy_right').click(function(){ $.fn.fancybox.changeItem(opts.itemNum + 1); return false; }); } $(document).keydown(function(event) { if (event.keyCode == 27) { $.fn.fancybox.close(); } else if(event.keyCode == 37 && opts.itemNum != 0) { $.fn.fancybox.changeItem(opts.itemNum - 1); } else if(event.keyCode == 39 && opts.itemNum != (opts.itemArray.length - 1)) { $.fn.fancybox.changeItem(opts.itemNum + 1); } }); }; $.fn.fancybox.preloadNeighborImages = function() { if ((opts.itemArray.length - 1) > opts.itemNum) { preloadNextImage = new Image(); preloadNextImage.src = opts.itemArray[opts.itemNum + 1].url; } if (opts.itemNum > 0) { preloadPrevImage = new Image(); preloadPrevImage.src = opts.itemArray[opts.itemNum - 1].url; } }; $.fn.fancybox.close = function() { if (opts.animating) return false; $(imgPreloader).unbind('load'); $(document).unbind("keydown"); $("#fancy_loading,#fancy_title,#fancy_close,#fancy_bg").hide(); $("#fancy_nav").empty(); opts.active = false; if (opts.itemArray[opts.itemNum].o.zoomSpeedOut > 0) { var itemOpts = { 'top': opts.itemArray[opts.itemNum].orig.pos.top - 18, 'left': opts.itemArray[opts.itemNum].orig.pos.left - 18, 'height': opts.itemArray[opts.itemNum].orig.height, 'width': opts.itemArray[opts.itemNum].orig.width, 'opacity': 'hide' }; opts.animating = true; $("#fancy_outer").animate(itemOpts, opts.itemArray[opts.itemNum].o.zoomSpeedOut, function() { $("#fancy_content").hide().empty(); $("#fancy_overlay,#fancy_bigIframe").remove(); opts.animating = false; }); } else { $("#fancy_outer").hide(); $("#fancy_content").hide().empty(); $("#fancy_overlay,#fancy_bigIframe").fadeOut("fast").remove(); } }; $.fn.fancybox.showLoading = function() { clearInterval(loadingTimer); var pos = $.fn.fancybox.getViewport(); $("#fancy_loading").css({'left': ((pos[0] - 40) / 2 + pos[2]), 'top': ((pos[1] - 40) / 2 + pos[3])}).show(); $("#fancy_loading").bind('click', $.fn.fancybox.close); loadingTimer = setInterval($.fn.fancybox.animateLoading, 66); }; $.fn.fancybox.animateLoading = function(el, o) { if (!$("#fancy_loading").is(':visible')){ clearInterval(loadingTimer); return; } $("#fancy_loading > div").css('top', (loadingFrame * -40) + 'px'); loadingFrame = (loadingFrame + 1) % 12; }; $.fn.fancybox.init = function() { if (!$('#fancy_wrap').length) { $('
').appendTo("body"); $('
').prependTo("#fancy_inner"); $('
').appendTo('#fancy_title'); } if ($.browser.msie) { $("#fancy_inner").prepend(''); } if (jQuery.fn.pngFix) $(document).pngFix(); $("#fancy_close").click($.fn.fancybox.close); }; $.fn.fancybox.getPosition = function(el) { var pos = el.offset(); pos.top += $.fn.fancybox.num(el, 'paddingTop'); pos.top += $.fn.fancybox.num(el, 'borderTopWidth'); pos.left += $.fn.fancybox.num(el, 'paddingLeft'); pos.left += $.fn.fancybox.num(el, 'borderLeftWidth'); return pos; }; $.fn.fancybox.num = function (el, prop) { return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0; }; $.fn.fancybox.getPageScroll = function() { var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop) { yScroll = document.documentElement.scrollTop; xScroll = document.documentElement.scrollLeft; } else if (document.body) { yScroll = document.body.scrollTop; xScroll = document.body.scrollLeft; } return [xScroll, yScroll]; }; $.fn.fancybox.getViewport = function() { var scroll = $.fn.fancybox.getPageScroll(); return [$(window).width(), $(window).height(), scroll[0], scroll[1]]; }; $.fn.fancybox.getMaxSize = function(maxWidth, maxHeight, imageWidth, imageHeight) { var r = Math.min(Math.min(maxWidth, imageWidth) / imageWidth, Math.min(maxHeight, imageHeight) / imageHeight); return [Math.round(r * imageWidth), Math.round(r * imageHeight)]; }; $.fn.fancybox.defaults = { hideOnContentClick: false, zoomSpeedIn: 500, zoomSpeedOut: 500, frameWidth: 600, frameHeight: 400, overlayShow: false, overlayOpacity: 0.4, itemLoadCallback: null }; })(jQuery);