/* * jQuery Cycle Plugin (with Transition Definitions) * Examples and documentation at: http://jquery.malsup.com/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.99 (12-MAR-2011) * Dual licensed under the MIT and GPL licenses. * http://jquery.malsup.com/license.html * Requires: jQuery v1.3.2 or later */ (function($){var ver="2.99";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){$.fn.cycle.debug&&log(s);}function log(){window.console&&console.log&&console.log("[cycle] "+Array.prototype.join.call(arguments," "));}$.expr[":"].paused=function(el){return el.cyclePause;};$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.backwards);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,!opts.backwards);},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,!options.backwards);}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,!opts.backwards);});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;jmaxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.cssAfter=opts.cssAfter||{};opts.cssFirst=opts.cssFirst||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);$($slides[first]).css(opts.cssFirst);if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="none"?0:opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length){opts.after[0].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,0);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){opts.busy=0;$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing("+fx+"); currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,!opts.backwards);},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while(opts.fx!="none"&&(t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,1);};$.fn.cycle.prev=function(opts){advance(opts,0);};function advance(opts,moveForward){var val=moveForward?1:-1;var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,moveForward);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a=''+(i+1)+"";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlidel?c-l:opts.slideCount-l;}else{hops=c=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();if(typeof opts.cssBefore.opacity=="undefined"){opts.cssBefore.opacity=1;}opts.cssBefore.display="block";if(opts.slideResize&&w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(opts.slideResize&&h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,function(){cb();});};$l.animate(opts.animOut,speedOut,easeOut,function(){$l.css(opts.cssAfter);if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={activePagerClass:"activeSlide",after:null,allowPagerClickBubble:false,animIn:null,animOut:null,autostop:0,autostopCount:0,backwards:false,before:null,cleartype:!$.support.opacity,cleartypeNoBg:false,containerResize:1,continuous:0,cssAfter:null,cssBefore:null,delay:0,easeIn:null,easeOut:null,easing:null,end:null,fastOnEvent:0,fit:0,fx:"fade",fxFn:null,height:"auto",manualTrump:true,next:null,nowrap:0,onPagerEvent:null,onPrevNextEvent:null,pager:null,pagerAnchorBuilder:null,pagerEvent:"click.cycle",pause:0,pauseOnPagerHover:0,prev:null,prevNextEvent:"click.cycle",random:0,randomizeEffects:1,requeueOnImageNotLoaded:true,requeueTimeout:250,rev:0,shuffle:null,slideExpr:null,slideResize:1,speed:1000,speedIn:null,speedOut:null,startingSlide:0,sync:1,timeout:4000,timeoutFn:null,updateActivePagerLink:null};})(jQuery); /* * jQuery Cycle Plugin Transition Definitions * This script is a plugin for the jQuery Cycle Plugin * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007-2010 M. Alsup * Version: 2.73 * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ (function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.fadeout=function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css({display:"block",opacity:1});opts.before.push(function(curr,next,opts,w,h,rev){$(curr).css("zIndex",opts.slideCount+(!rev===true?1:0));$(next).css("zIndex",opts.slideCount+(!rev===true?0:1));});opts.animIn.opacity=1;opts.animOut.opacity=0;opts.cssBefore.opacity=1;opts.cssBefore.display="block";opts.cssAfter.zIndex=0;};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore.top=h;opts.cssBefore.left=0;opts.cssFirst.top=0;opts.animIn.top=0;opts.animOut.top=-h;};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst.top=0;opts.cssBefore.top=-h;opts.cssBefore.left=0;opts.animIn.top=0;opts.animOut.top=h;};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst.left=0;opts.cssBefore.left=w;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.left=0-w;};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst.left=0;opts.cssBefore.left=-w;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.left=w;};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){if(opts.rev){fwd=!fwd;}$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst.left=0;opts.cssBefore.top=0;opts.animIn.left=0;opts.animOut.top=0;};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){if(opts.rev){fwd=!fwd;}$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst.top=0;opts.cssBefore.left=0;opts.animIn.top=0;opts.animOut.left=0;};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore.left=0;opts.cssBefore.top=0;opts.cssBefore.width=0;opts.animIn.width="show";opts.animOut.width=0;};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore.left=0;opts.cssBefore.top=0;opts.cssBefore.height=0;opts.animIn.height="show";opts.animOut.height=0;};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i: * - bugfix: multiple instances of Lightbox galleries allowed * (using opts variable instead of $.fn.lightbox.defaults) * - bugfix: use var for local variables in a few functions * - added support for navbarOnTop setting * - added support for displayTitle setting * - added support for slideNavBar setting (with slideNavBarSpeed) * - added support for displayHelp setting * - added support for fitToScreen setting (ported Lightbox VinDSL hack) * (see http://www.huddletogether.com/forum/comments.php?DiscussionID=307) * - plugin now uses jQuery.width() and jQuery.height() * - removed eval() calls * - removed destroyElement - uses jQuery.remove() * - use of prevLinkText, nextLinkText and help * - all strings are now placed in opts.strings to allow for customization/translation * * Based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * Originally written to make use of the Prototype framework, and Script.acalo.us, now altered to use jQuery. * **/ (function($){ var opts; $.fn.lightbox = function(options){ // build main options opts = $.extend({}, $.fn.lightbox.defaults, options); // initalize the lightbox $.fn.lightbox.initialize(); return this.each(function(){ $(this).click(function(){ $(this).lightbox.start(this); return false; }); }); }; // lightbox functions $.fn.lightbox.initialize = function(){ $('#overlay').remove(); $('#lightbox').remove(); opts.inprogress = false; var outerImage = '
'; var imageData = '
' if (opts.displayHelp) imageData += '' + opts.strings.help + ''; imageData += '
'; var string; if (opts.navbarOnTop) { string = '
'; $("body").append(string); $("#imageDataContainer").addClass('ontop'); } else { string = '
'; $("body").append(string); } $("#overlay").click(function(){ $.fn.lightbox.end(); }).hide(); $("#lightbox").click(function(){ $.fn.lightbox.end();}).hide(); $("#loadingLink").click(function(){ $.fn.lightbox.end(); return false;}); $("#bottomNavClose").click(function(){ $.fn.lightbox.end(); return false; }); $('#outerImageContainer').width(opts.widthCurrent).height(opts.heightCurrent); $('#imageDataContainer').width(opts.widthCurrent); }; $.fn.lightbox.getPageSize = function(){ 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){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { // all except Explorer if(document.documentElement.clientWidth){ windowWidth = document.documentElement.clientWidth; } else { windowWidth = self.innerWidth; } windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } // for small pages with total width less then width of the viewport if(xScroll < windowWidth){ pageWidth = xScroll; } else { pageWidth = windowWidth; } var arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight); return arrayPageSize; }; $.fn.lightbox.getPageScroll = function(){ var xScroll, yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict yScroll = document.documentElement.scrollTop; xScroll = document.documentElement.scrollLeft; } else if (document.body) {// all other Explorers yScroll = document.body.scrollTop; xScroll = document.body.scrollLeft; } var arrayPageScroll = new Array(xScroll,yScroll); return arrayPageScroll; }; $.fn.lightbox.pause = function(ms){ var date = new Date(); var curDate = null; do{curDate = new Date();} while( curDate - date < ms); }; $.fn.lightbox.start = function(imageLink){ $("select, embed, object").hide(); var arrayPageSize = $.fn.lightbox.getPageSize(); $("#overlay").hide().css({width: '100%', height: arrayPageSize[1]+'px', opacity : opts.overlayOpacity}).fadeIn(); opts.imageArray = []; imageNum = 0; var anchors = document.getElementsByTagName( imageLink.tagName); // override display title with alt attribute of image var oTitle = $(imageLink).parent().next('dd').children('p.legend').html(); oTitle = (oTitle == null)? '' : oTitle; oTitle = (oTitle.length > 0) ? oTitle : imageLink.title; //alert($(imageLink).children('img').attr('alt').length); // if image is NOT part of a set.. if(!imageLink.rel || (imageLink.rel == '')){ // add single image to Lightbox.imageArray opts.imageArray.push(new Array(imageLink.href, opts.displayTitle ? oTitle : '')); } else { // if image is part of a set.. //alert('image is part of a set'); $("a").each(function(){ if(this.href && (this.rel == imageLink.rel)){ // override display title with alt attribute of image oTitle = $(this).parent().next('dd').children('p.legend').html(); oTitle = (oTitle == null)? '' : oTitle; oTitle = (oTitle.length > 0) ? oTitle : this.title; opts.imageArray.push(new Array(this.href, opts.displayTitle ? oTitle : '')); } }) for(i = 0; i < opts.imageArray.length; i++){ for(j = opts.imageArray.length-1; j>i; j--){ if(opts.imageArray[i][0] == opts.imageArray[j][0]){ opts.imageArray.splice(j,1); } } } while(opts.imageArray[imageNum][0] != imageLink.href) { imageNum++;} } // calculate top and left offset for the lightbox var arrayPageScroll = $.fn.lightbox.getPageScroll(); var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 10); var lightboxLeft = arrayPageScroll[0]; $('#lightbox').css({top: lightboxTop+'px', left: lightboxLeft+'px'}).show(); if (!opts.slideNavBar) $('#imageData').hide(); $.fn.lightbox.changeImage(imageNum); }; $.fn.lightbox.changeImage = function(imageNum){ if(opts.inprogress == false){ opts.inprogress = true; opts.activeImage = imageNum; // update global var // hide elements during transition $('#loading').show(); $('#lightboxImage').hide(); $('#hoverNav').hide(); $('#prevLink').hide(); $('#nextLink').hide(); if (opts.slideNavBar) { // delay preloading image until navbar will slide up // $('#imageDataContainer').slideUp(opts.navBarSlideSpeed, $.fn.doChangeImage); $('#imageDataContainer').hide(); $('#imageData').hide(); $.fn.doChangeImage(); } else { $.fn.doChangeImage(); } } }; $.fn.doChangeImage = function(){ imgPreloader = new Image(); // once image is preloaded, resize image container imgPreloader.onload=function(){ var newWidth = imgPreloader.width; var newHeight = imgPreloader.height; if (opts.fitToScreen) { var arrayPageSize = $.fn.lightbox.getPageSize(); var ratio; var initialPageWidth = arrayPageSize[2] - 2 * opts.borderSize; var initialPageHeight = arrayPageSize[3] - 200; if (imgPreloader.height > initialPageHeight) { newWidth = parseInt((initialPageHeight/imgPreloader.height) * imgPreloader.width); newHeight = initialPageHeight; } else if (imgPreloader.width > initialPageWidth) { newHeight = parseInt((initialPageWidth/imgPreloader.width) * imgPreloader.height); newWidth = initialPageWidth; } } $('#lightboxImage').attr('src', opts.imageArray[opts.activeImage][0]) .width(newWidth).height(newHeight); $.fn.lightbox.resizeImageContainer(newWidth, newHeight); } imgPreloader.src = opts.imageArray[opts.activeImage][0]; } $.fn.lightbox.end = function(){ $.fn.lightbox.disableKeyboardNav(); $('#lightbox').hide(); $('#overlay').fadeOut(); $('select, object, embed').show(); }; $.fn.lightbox.preloadNeighborImages = function(){ if((opts.imageArray.length - 1) > opts.activeImage){ preloadNextImage = new Image(); preloadNextImage.src = opts.imageArray[opts.activeImage + 1][0]; } if(opts.activeImage > 0){ preloadPrevImage = new Image(); preloadPrevImage.src = opts.imageArray[opts.activeImage - 1][0]; } }; $.fn.lightbox.keyboardAction = function(e){ if (e == null) { // ie var keycode = event.keyCode; var escapeKey = 27; } else { // mozilla var keycode = e.keyCode; var escapeKey = e.DOM_VK_ESCAPE; } var key = String.fromCharCode(keycode).toLowerCase(); if((key == 'x') || (key == 'o') || (key == 'c') || (keycode == escapeKey)){ // close lightbox $.fn.lightbox.end(); } else if((key == 'p') || (keycode == 37)){ // display previous image if(opts.activeImage != 0){ $.fn.lightbox.disableKeyboardNav(); $.fn.lightbox.changeImage(opts.activeImage - 1); } } else if((key == 'n') || (keycode == 39)){ // display next image if(opts.activeImage != (opts.imageArray.length - 1)){ $.fn.lightbox.disableKeyboardNav(); $.fn.lightbox.changeImage(opts.activeImage + 1); } } }; $.fn.lightbox.resizeImageContainer = function(imgWidth, imgHeight){ // get current width and height opts.widthCurrent = document.getElementById('outerImageContainer').offsetWidth; opts.heightCurrent = document.getElementById('outerImageContainer').offsetHeight; // get new width and height var widthNew = (imgWidth + (opts.borderSize * 2)); var heightNew = (imgHeight + (opts.borderSize * 2)); // scalars based on change from old to new opts.xScale = ( widthNew / opts.widthCurrent) * 100; opts.yScale = ( heightNew / opts.heightCurrent) * 100; // calculate size difference between new and old image, and resize if necessary wDiff = opts.widthCurrent - widthNew; hDiff = opts.heightCurrent - heightNew; $('#imageDataContainer').animate({width: widthNew},opts.resizeSpeed,'linear'); $('#outerImageContainer').animate({width: widthNew},opts.resizeSpeed,'linear',function(){ $('#outerImageContainer').animate({height: heightNew},opts.resizeSpeed,'linear',function(){ $.fn.lightbox.showImage(); }); }); // if new and old image are same size and no scaling transition is necessary, // do a quick pause to prevent image flicker. if((hDiff == 0) && (wDiff == 0)){ if (jQuery.browser.msie){ $.fn.lightbox.pause(250); } else { $.fn.lightbox.pause(100);} } $('#prevLink').height(imgHeight); $('#nextLink').height(imgHeight); }; $.fn.lightbox.showImage = function(){ $('#loading').hide(); $('#lightboxImage').fadeIn("fast"); $.fn.lightbox.updateDetails(); $.fn.lightbox.preloadNeighborImages(); opts.inprogress = false; }; $.fn.lightbox.updateDetails = function(){ if(opts.imageArray[opts.activeImage][1]){ $('#caption').html(opts.imageArray[opts.activeImage][1]).show(); } // if image is part of set display 'Image x of x' if(opts.imageArray.length > 1){ var nav_html; nav_html = opts.strings.image + ' ' + (opts.activeImage + 1) + ' ' + opts.strings.of + ' ' + opts.imageArray.length; // display previous / next text links if ((opts.activeImage) > 0) { nav_html = '' + opts.strings.prevLinkText + "" + nav_html; } if ((opts.activeImage + 1) < opts.imageArray.length) { nav_html += '' + opts.strings.nextLinkText + ""; } $('#numberDisplay').html(nav_html).show(); } if (opts.slideNavBar) { $("#imageData").slideDown(opts.navBarSlideSpeed); } else { $("#imageData").show(); } var arrayPageSize = $.fn.lightbox.getPageSize(); $('#overlay').height(arrayPageSize[1]); $.fn.lightbox.updateNav(); }; $.fn.lightbox.updateNav = function(){ $('#hoverNav').show(); // if not first image in set, display prev image button if(opts.activeImage != 0){ $('#prevLink,#prevLinkText').show().click(function(){ $.fn.lightbox.changeImage(opts.activeImage - 1); return false; }); } // if not last image in set, display next image button if(opts.activeImage != (opts.imageArray.length - 1)){ $('#nextLink,#nextLinkText').show().click(function(){ $.fn.lightbox.changeImage(opts.activeImage +1); return false; }); } $.fn.lightbox.enableKeyboardNav(); }; $.fn.lightbox.enableKeyboardNav = function(){ document.onkeydown = $.fn.lightbox.keyboardAction; }; $.fn.lightbox.disableKeyboardNav = function(){ document.onkeydown = ''; }; $.fn.lightbox.defaults = { fileLoadingImage : 'fileadmin/system/assets/jq_lightbox/images/loading.gif', fileBottomNavCloseImage : 'fileadmin/system/assets/jq_lightbox/images/closelabel.gif', overlayOpacity : 0.8, borderSize : 10, imageArray : new Array, activeImage : null, inprogress : false, resizeSpeed : 350, widthCurrent: 250, heightCurrent: 250, xScale : 1, yScale : 1, displayTitle: true, navbarOnTop: true, slideNavBar: false, // slide nav bar up/down between image resizing transitions navBarSlideSpeed: 350, displayHelp: false, strings : { help: ' \u2190 / P - previous image\u00a0\u00a0\u00a0\u00a0\u2192 / N - next image\u00a0\u00a0\u00a0\u00a0ESC / X - close image gallery', prevLinkTitle: 'previous image', nextLinkTitle: 'next image', prevLinkText: '« Previous', nextLinkText: 'Next »', closeTitle: 'close image gallery', image: 'Image ', of: ' of ' }, fitToScreen: true // resize images if they are bigger than window }; })(jQuery); (function($) { $(function() { $(".lightbox").lightbox( { navbarOnTop: 0, resizeSpeed: 300 , overlayOpacity: 0.4, strings : { prevLinkTitle: "vorheriges Bild", nextLinkTitle: "nächstes Bild", prevLinkText: "", nextLinkText: "", closeTitle: "schließen", image: "Bild", of: "von" } }); }); })(jQuery); // $(this).children('img').attr('alt') /*----------------------------------------- copyright 2010 Version: 1.0 Author: David Rerych -------------------------------------------*/ jQuery(document).ready(function(){ jQuery('.messages').fadeOut(8000); jQuery('#sidebar_content #local_nav_x').prependTo('#sidebar_content'); jQuery('#sidebar_content #search_mini_form').prependTo('#sidebar_content'); if (jQuery('#sidebar_content #search_mini_form').length < 1) { jQuery('#header').addClass('nosearch'); jQuery('#sidebar_content #local_nav_x li:first-child a').css({ '-moz-border-radius': '10px 10px 0 0', '-webkit-border-radius': '10px 10px 0 0', 'border-radius': '10px 10px 0 0' }); } if (jQuery('#sidebar_content #local_nav_x').length < 1) { jQuery('#sidebar_content #search_mini_form .form-search').css({ '-moz-border-radius': '0 0 10px 10px', '-webkit-border-radius': '0 0 10px 10px', 'border-radius': '0 0 10px 10px' }); } if (jQuery('#content').height() < (jQuery('#sidebar').height()+35)) { jQuery('#content').height(jQuery('#sidebar').height()+35); } if (jQuery('.home_cycle').length > 0) { jQuery('.home_cycle').cycle(); } if (jQuery('.teaser>div ul li').length > 4) { jQuery('.teaser').append(''); jQuery('.teaser .teaser_inner').mmcCarousel({ visible: 4, scroll: 2, speed: 1000, // auto: 4000, btnPrev: '.teaser .btnPrev', btnNext: '.teaser .btnNext', circular: false, jumpToOtherEnd: true }); } /* var c_height = jQuery('#content').outerHeight(); jQuery('#content_additional_bg').height(); */ }); (function( $ ){ var methods = { init : function( options ) { return $(this).each(function(){ if ($(this).data('mmcCarousel') == null) { log('initializing ' + $(this).attr('id')); var $this = $(this); var o = $.extend({ btnPrev: null, btnNext: null, btnGo: null, btnPage: null, buildPager: null, mouseWheel: false, auto: null, jumpToOtherEnd: false, speed: 200, easing: null, vertical: false, circular: true, visible: 3, start: 0, scroll: 1, beforeStart: null, afterEnd: null }, options); if (o.scroll > o.visible) { log('scroll more elements than visible is not allowed! terminating ...'); return $this; } var running = false, curr = 0; var animCss = o.vertical ? "top" : "left"; var sizeCss = o.vertical ? "height" : "width"; var div = $this; var ul = $("ul", div); var tLi = $("li", ul), v = o.visible; var tl = tLi.size(); var circ_offset = 0; var curr = o.start; var currpage = null; var pagelength = Math.ceil(tl / o.scroll); var intervalID = null; var liSize = o.vertical ? tLi.outerHeight(true) : tLi.outerWidth(true); // Full li size(incl margin)-Used for animation var divSize = o.vertical ? div.outerHeight(true) : div.outerWidth(true); if (o.circular) { ul.prepend(tLi.slice(tl - v).clone()).append(tLi.slice(0, v).clone()); circ_offset = v * liSize; } var li = $("li", ul); var totalLiLength = li.size(); var ulSize = liSize * totalLiLength; // size of full ul(total length, not just for the visible items) //li.css({width: li.width(), height: li.height()}); div.css("visibility", "visible"); li.css({ 'overflow': 'hidden', 'float': o.vertical ? "none" : "left" }); ul.css({ margin: "0", padding: "0", position: "relative", "list-style-type": "none" }); div.css({ overflow: "hidden", position: "relative", left: "0px" }); ul.css(sizeCss, ulSize + "px").css(animCss, -(curr*liSize + circ_offset)); if (o.buildPager) { var pagerLinks = ''; for (var i=0; i'; }; $(o.buildPager).append(pagerLinks); o.btnPage = $('a', o.buildPager); } if (o.btnGo) { $.each(o.btnGo, function(i, val){ $(val).click(function(){ methods.go.call($this, i); return false; }); }); } if (o.btnPage) { if (o.btnPage.length < pagelength) { log('Not enough btnPage Objects, please update or use $("#yourCarouselID").mmcCarousel("goPage", n).'); o.btnPage = null; } else { $.each(o.btnPage, function(i, val){ $(val).click(function(){ methods.goPage.call($this, i); return false; }); }); } } if (o.btnPrev) { $(o.btnPrev).click(function(){ if (!$(this).hasClass('disabled')) { methods.advance.call($this, -o.scroll); return false; } else { return false; } }); } if (o.btnNext) { $(o.btnNext).click(function(){ if (!$(this).hasClass('disabled')) { methods.advance.call($this, o.scroll); return false; } else { return false; } }); } if (o.mouseWheel && div.mousewheel) div.mousewheel(function(e, d){ d > 0 ? methods.advance.call($this, -o.scroll) : methods.advance.call($this, o.scroll); return false; }); var data = { $this: $this, running: running, curr: curr, o: o, animCss: animCss, sizeCss: sizeCss, totalLiLength: totalLiLength, ul: ul, li: li, liSize: liSize, ulSize: ulSize, tl: tl, circ_offset: circ_offset, currpage: currpage, pagelength: pagelength, intervalID: intervalID }; $this.data('mmcCarousel', data); if (o.auto) { methods.startAuto.call($this); $(o.btnPrev).add(o.btnNext) .mouseenter(function(){ methods.stopAuto.call($this); }) .mouseleave(function(){ methods.startAuto.call($this); }); } disEnAbleButtons(this); if(o.afterInit) o.afterInit.call(this, o); } }); }, go : function( to ) { return this.each(function(){ // log('go to='+to + ' '); var $this = $(this); var data = $(this).data('mmcCarousel'); var v = data.o.visible; if(!data.running) { if(data.o.circular) { // If circular we are in first or last, then goto the other end if(to<-data.o.visible) { // If first, then goto last // If "scroll" > 1, then the "to" might not be equal to the condition; it can be lesser depending on the number of elements. data.curr = to+data.tl; methods.jump.call($this, data.curr+data.tl); } else if(to > data.tl) { // If last, then goto first methods.jump.call($this, data.curr-data.tl); data.curr = to - data.tl; } else data.curr = to; } else { // If non-circular and to points to first or last, we just return. if (data.o.auto || data.o.jumpToOtherEnd) { if (to < 0) data.curr = data.tl - v; else if (to > data.tl - v) { // true if "to" is greater than the last valid element (all elements minus visible elements). if (data.curr == (data.tl - v)) // if we have been here before, data.curr = 0; // ... go to first element else data.curr = data.tl - v; // set "curr" to the last valid element } else data.curr = to; } else { if (to < 0) data.curr = 0; else if (to > data.tl - v) data.curr = data.tl - v; else data.curr = to; if (data.curr < 0) data.curr = 0; } } // If neither overrides it, the curr will still be "to" and we can proceed. data.currpage = Math.ceil(data.curr/data.o.scroll) % data.pagelength; if(data.o.beforeStart) data.o.beforeStart.call(this, vis(this), data.currpage); // log('curr='+data.curr+' currpage='+data.currpage); data.running = true; //log(data.curr*data.liSize+data.circ_offset); data.ul.animate( data.animCss == "left" ? { left: -(data.curr*data.liSize+data.circ_offset) } : { top: -(data.curr*data.liSize+data.circ_offset) } , data.o.speed, data.o.easing, function() { if(data.o.circular) { if(data.curr < 0) { data.curr += data.tl; } else if(data.curr >= data.tl) { data.curr -= data.tl; } data.currpage = Math.ceil(data.curr/data.o.scroll) % data.pagelength; methods.jump.call($this, data.curr); $(this).data('mmcCarousel', data); } if(data.o.afterEnd) data.o.afterEnd.call(this, vis(this), data.curr, data.currpage); data.running = false; } ); $(this).data('mmcCarousel', data); disEnAbleButtons(this); } }); }, advance : function (howmuch) { return this.each(function(){ var $this = $(this); var data = $this.data('mmcCarousel'); var curr = data.curr; if (data.o.btnPage) return methods.goPage.call($this, $this.data('mmcCarousel').currpage + sgn(howmuch)); else return methods.go.call($this, (curr+howmuch)); }); }, getRunning : function() { return $(this).data('mmcCarousel').running; }, jump: function( to ) { return this.each(function(){ var $this = $(this); var data = $this.data('mmcCarousel'); data.ul.css(data.animCss, -(data.liSize * to + data.circ_offset)); data.curr = to; }); }, goPage : function( toPg ) { return this.each(function() { var $this = $(this); var data = $this.data('mmcCarousel'); var to = toPg * data.o.scroll; if (to > data.tl) { to = data.tl; } else if (to < 0) { to = -(data.tl % data.o.scroll); log (to); } return methods.go.call($this, to); }); }, stopAuto : function() { return this.each(function(){ var $this = $(this); var data = $this.data('mmcCarousel'); clearInterval(data.intervalID); }); }, startAuto : function() { return this.each(function(){ var $this = $(this); var data = $this.data('mmcCarousel'); if (!data.o.auto) data.o.auto = true; if (data.o.auto === true) data.o.auto = data.o.speed; data.intervalID = setInterval(function(){ methods.advance.call($this, data.o.scroll); }, parseInt(data.o.auto + data.o.speed)); $this.data('mmcCarousel', data); }); } }; function vis(instance) { var data = $(instance).data('mmcCarousel'); return data.li.slice(data.curr).slice(0,data.o.visible); }; function disEnAbleButtons(instance){ // Disable buttons when the carousel reaches the last/first, and enable when not var data = $(instance).data('mmcCarousel'); if (!data.o.circular && !data.o.jumpToOtherEnd) { $(data.o.btnPrev).add(data.o.btnNext).removeClass("disabled"); $((data.curr == 0 && data.o.btnPrev) || (data.curr == (data.tl - data.o.visible) && data.o.btnNext) || []).addClass("disabled"); if (data.tl <= data.o.visible) $(data.o.btnNext).addClass("disabled"); } if(data.o.btnGo) { $(data.o.btnGo).removeClass('active'); $(data.o.btnGo).eq(data.curr).addClass('active'); } if(data.o.btnPage) { $(data.o.btnPage).removeClass('active'); $(data.o.btnPage).eq(data.currpage).addClass('active'); } } function log() { if (window.console && window.console.log) window.console.log('[mmcCarousel] ' + Array.prototype.join.call(arguments,' ')); }; function sgn(num) { if (num < 0) { return -1; } else if (num > 0) { return 1; } else { return 0; } } $.fn.mmcCarousel = function( method ) { // Method calling logic if ( methods[method] ) { return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof method === 'object' || ! method ) { return methods.init.apply( this, arguments ); } else { $.error( 'Method ' + method + ' does not exist on jQuery.tooltip' ); } }; })( jQuery );