fork download 
  1.  
  2. (function($){$.fn.gSwipe=function(options){var element=this;var isTouch='ontouchstart'in window;var start=isTouch?'touchstart':'mousedown';var move=isTouch?'touchmove':'mousemove';var end=isTouch?'touchend':'mouseup';var cancel=isTouch?'touchcancel':'mouseup';var minimalMovePixels,marginInSlides,changeOpacity,opacityValue,useCssTransition,animationSteps,showIndicator,slideFade,beforeSwitch=$.noop;options=options||{}
  3. marginInSlides=options.marginInSlides||8;minimalMovePixels=options.minimalMovePixels||50;animationSteps=options.animationSteps||30;if(options.changeOpacity===undefined){changeOpacity=true;}else{changeOpacity=options.changeOpacity;}
  4. if(options.useCssTransition===undefined){useCssTransition=false;}else{useCssTransition=options.useCssTransition;}
  5. if(options.showIndicator===undefined){showIndicator=true;}else{showIndicator=options.showIndicator;}
  6. if(options.opacityValue===undefined){opacityValue=0.86;}else{opacityValue=options.opacityValue;}
  7. if(options.slideFade===undefined){slideFade=false;}else{slideFade=options.slideFade;}
  8. if('beforeSwitch'in options){beforeSwitch=options.beforeSwitch;}
  9. var Slides=function(){var currentSlideIndex=0;var slides=element.children('.slide');var slidesCount=slides.length;this.index=function(){return currentSlideIndex;}
  10. this.count=function(){return slidesCount;}
  11. var indicator;if(showIndicator){indicator=new Indicator(this);}else{indicator=new DummyIndicator();}
  12. this.next=function(){if(currentSlideIndex<(slidesCount-1)){currentSlideIndex+=1;}};this.prev=function(){if(currentSlideIndex>0){currentSlideIndex-=1;}};var fixAndroidWhiteSpaceBug=function(){e.removeEventListener('webkitTransitionEnd',fixAndroidWhiteSpaceBug,false);e.setAttribute('style',changeOpacity?'-webkit-transition:opacity 0.2s linear;-webkit-transform:translate3d('+position+'px, 0, 0);opacity: 1;':'-webkit-transform:translate3d('+position+'px, 0, 0);');};this.move=function(direction,forced){if(!forced){beforeSwitch();}
  13. var oldSlideIndex=currentSlideIndex;direction>0?this.next():this.prev();if(!forced&&oldSlideIndex===currentSlideIndex){return false;}
  14. var hiddenSlides=slides.slice(0,currentSlideIndex);var position=0;for(var index=0;index<hiddenSlides.length;index++){var slide=slides[index];position-=slide.clientWidth;position-=marginInSlides;}
  15. var e=element[0];if(useCssTransition){e.setAttribute('style',changeOpacity?'-webkit-transition:-webkit-transform .2s ease,opacity 0.2s linear;-webkit-transform:translate3d('+position+'px, 0, 0);opacity: '+opacityValue+';':'-webkit-transition:-webkit-transform .2s ease;-webkit-transform:translate3d('+position+'px, 0, 0);');e.addEventListener('webkitTransitionEnd',fixAndroidWhiteSpaceBug,false);}else{if(changeOpacity){e.style.webkitTransition='opacity 0.2s linear';e.style.opacity=opacityValue;}
  16. var callback=changeOpacity?function(){e.style.opacity=1;}:null;animator.moveTo(position,callback);}
  17. indicator.indicateCurrent();};this.move(-1,true);}
  18. var Indicator=function(slides){var container;var initialize=function(){container=$('.slide_indicator');container.html('');var html='',cssClass;for(var index=0;index<slides.count();index++){cssClass=slides.index()==index?'current':'';html+='<li class="'+cssClass+'"></li>';}
  19. container.html(html);container.css({'margin-left':-(slides.count()*16/2)+'px'});};this.indicateCurrent=function(){if(slideFade){container.stop(true,true).fadeIn().animate({display:'block'},2000).fadeOut();}
  20. container.children('li').removeClass('current');$(".slide_indicator li:eq("+slides.index()+")").addClass('current');};initialize();}
  21. var DummyIndicator=function(){this.indicateCurrent=$.noop;}
  22. var Animator=function(element,steps){var inAnimation=false,self=this;var requestAnimationFrame=(function(){var poormansRAF=function(animate){window.setTimeout(animate,1000/60);}
  23. return window.requestAnimationFrame||window.webkitRequestAnimationFrame||poormansRAF;})();function easeOut(step_index,originalPosition,positionDelta,steps){var easeOutFactor=step_index===steps?1:1-Math.pow(2,-10*step_index/steps);return originalPosition+positionDelta*easeOutFactor;}
  24. function currentXPositionOf(element){match=/\w+\(([\+\-]?[\d.]+)px,/g.exec(element.style.webkitTransform);if(match){return parseInt(match[1]);}else{return 0;}}
  25. function moveToPosition(targetPosition){element.style.webkitTransform='translate3d('+targetPosition+'px, 0, 0)';}
  26. this.callback=null;this.moveTo=function(targetPosition,callback){this.stop();this.callback=callback;var step_index=0;var initPosition=currentXPositionOf(element);var moveDelta=targetPosition-initPosition;var animate=function(){if(step_index<steps){step_index+=1;var positionX=easeOut(step_index,initPosition,moveDelta,steps);if(Math.abs(targetPosition-positionX)<1){self.stop();moveToPosition(targetPosition);}else{moveToPosition(positionX);}}else{self.stop();moveToPosition(targetPosition);}
  27. if(inAnimation){requestAnimationFrame(animate);}};inAnimation=true;requestAnimationFrame(animate);}
  28. this.stop=function(){if(inAnimation){if($.isFunction(this.callback)){this.callback.call(this);this.callback=null;}
  29. inAnimation=false;}};}
  30. var animator=new Animator(element[0],animationSteps);var slides=new Slides();var startListener=function(){if(isTouch&&event.targetTouches.length!==1){this.started=false;return;}
  31. event.stopPropagation();animator.stop();var touch=isTouch?event.targetTouches[0]:event;this.originalX=touch.pageX;this.originalY=touch.pageY;this.deltaX=0;this.started=true;element.bind(move,moveListener);element.bind(end,endListener);element.bind(cancel,endListener);}
  32. var moveListener=function(){event.stopPropagation();var touch=isTouch?event.targetTouches[0]:event;var deltaX=touch.pageX-this.originalX;var deltaY=touch.pageY-this.originalY;var isHorizontal=Math.abs(deltaX)>Math.abs(deltaY);if(isHorizontal){event.preventDefault();if(this.started&&(Math.abs(deltaX)>minimalMovePixels)){slides.move(deltaX<0?1:-1);this.started=false;}}}
  33. var endListener=function(){element.unbind(move);element.unbind(end);element.bind(cancel);}
  34. element.unbind(start);element.bind(start,startListener);}})(jQuery);
  35.  
Runtime error #stdin #stdout 0.34s 213888KB
comments (?)
stdin 
Standard input is empty
stdout 
Standard output is empty
https://ideone.com/tUeXF
language:
JavaScript (rhino 1.7.9)
created:
14 years ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!