Loading...
The URL can be used to link to this page
Your browser does not support the video tag.
jcarousellite_1.3.min
/** * jCarouselLite - jQuery plugin to navigate images/any content in a carousel style widget. * * Version: 1.3 * Note: Requires jQuery 1.4 from version 1.3 */ (function($){$.jCarouselLite={version:'1.3'};$.fn.jCarouselLite=function(options){var o=$.extend({},$.fn.jCarouselLite.defaults,options);return this.each(function(){var running=false,animCss=o.vertic al?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=div.find('ul'),tLi=ul.children('li'),tl=tLi.length,v=o.visible;o.start=Math.min(o.start,tLi.length-1);if(o.circular){ul.prepend( tLi.slice(tl-v-1+1).clone(true)).append(tLi.slice(0,v).clone(true));o.start+=v;} var li=ul.children('li'),itemLength=li.length,curr=o.start;div.css("visibility","visible");li.css({overflow:o.vertical?"hidden":'visible','float':o.vertical?"none":"left"});ul.css({margin:"0",padding :"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden",position:"relative","z-index":"2",left:"0px"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width(),height:li.height()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");$.each(['btnPrev','b tnNext'],function(index,btn){if(o[btn]){o['$'+btn]=$.isFunction(o[btn])?o[btn].call(div[0]):$(o[btn]);o['$'+btn].click(function(){var step=index==0?curr-o.scroll:curr+o.scroll;return go(step);});}});if(!o.circular){if(o.btnPrev&&o.start==0){o.$btnPrev.addClass(o.btnDisabledClass);} if(o.btnNext&&o.start+o.visible>=itemLength){o.$btnNext.addClass(o.btnDisabledClass);}} if(o.btnGo){$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i);});});} if(o.mouseWheel&&div.mousewheel){div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll);});} if(o.auto){var setAutoAdvance,advanceCounter=0,autoStop=iterations(tl,o);var advancer=function(){setAutoAdvance=setTimeout(function(){if(!autoStop||autoStop>advanceCounter){go(curr+o.scroll);advanceC ounter++;advancer();}},o.timeout+o.speed);};advancer();$(document).bind('pauseCarousel',function(event){clearTimeout(setAutoAdvance);$(event.target).data('paused',true);}).bind('resumeCarousel',funct ion(event){advancer();$(event.target).data('paused',false);});if(o.pause){div.mouseenter(function(){div.trigger('pauseCarousel');}).mouseleave(function(){div.trigger('resumeCarousel');});}} function vis(){return li.slice(curr).slice(0,v);} function go(to){if(!running){if(o.beforeStart){o.beforeStart.call(this,vis());} if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll;}else if(to>=itemLength-v+1){ul.css(animCss,-((v )*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll;}else{curr=to;}}else{o.$btnPrev.toggleClass(o.btnDisabledClass,o.btnPrev&&to<=0);o.$btnNext.toggleClass(o.btnDisabledClass,o.btnNext&&to>itemLen gth-v);if(to<0){curr=0;}else if(to>itemLength-v){curr=itemLength-v;}else{curr=to;}} running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd){o.afterEnd.call(this,vis());} running=false;});} return false;}});};$.fn.jCarouselLite.defaults={btnPrev:null,btnNext:null,btnDisabledClass:'disabled',btnGo:null,mouseWheel:false,speed:200,easing:null,auto:false,autoStop:false,timeout:4000,pause:tr ue,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null};function css(el,prop){return parseInt($.css(el[0],prop),10)||0;} function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight');} function height(el){return el[0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom');} function iterations(itemLength,options){return options.autoStop&&(options.circular?options.autoStop:Math.min(itemLength,options.autoStop));}})(jQuery);