Lines Matching +full:g +full:- +full:touch

41 			html = '<div id="swipebox-overlay">\
42 <div id="swipebox-container">\
43 <div id="swipebox-slider"></div>\
44 <div id="swipebox-top-bar">\
45 <div id="swipebox-title"></div>\
47 <div id="swipebox-bottom-bar">\
48 <div id="swipebox-arrows">\
49 <a id="swipebox-prev"></a>\
50 <a id="swipebox-next"></a>\
53 <a id="swipebox-close"></a>\
101 relType = 'data-rel';
152 this.target.trigger( 'swipebox-start' );
158 this.preloadMedia( index-1 );
173 bg = $( '#swipebox-close' ).css( 'background-image' );
175 $( '#swipebox-prev, #swipebox-next, #swipebox-close' ).css( {
176 'background-image' : bg
181 $( '#swipebox-bottom-bar, #swipebox-top-bar' ).remove();
185 $( '#swipebox-slider' ).append( '<div class="slide"></div>' );
195 // Devices can have both touch and keyboard input so always allow key events
217 } else if ( window.orientation === 90 || window.orientation === -90 ) {
235 $( '#swipebox-overlay' ).css( sliderCss );
276 * Touch navigation
293 bars = $( '#swipebox-top-bar, #swipebox-bottom-bar' ),
294 slider = $( '#swipebox-slider' );
296 bars.addClass( 'visible-bars' );
302 index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) );
307 $( '#swipebox-slider' ).css( {
308 '-webkit-transform' : 'translate3d(' + currentX +'%, 0, 0)',
319 vDistance = endCoords.pageY - startCoords.pageY;
321 var opacity = 0.75 - Math.abs(vDistance) / slider.height();
331 hDistance = endCoords.pageX - startCoords.pageX;
335 $( '#swipebox-slider' ).css( {
336 '-webkit-transition' : '',
350 $( '#swipebox-overlay' ).addClass( 'leftSpringTouch' );
353 … $( '#swipebox-overlay' ).removeClass( 'leftSpringTouch' ).removeClass( 'rightSpringTouch' );
354 $( '#swipebox-slider' ).css( {
355 '-webkit-transform' : 'translate3d(' + ( currentX + hDistancePercent ) +'%, 0, 0)',
366 $( '#swipebox-overlay' ).addClass( 'rightSpringTouch' );
368 … $( '#swipebox-overlay' ).removeClass( 'leftSpringTouch' ).removeClass( 'rightSpringTouch' );
369 $( '#swipebox-slider' ).css( {
370 '-webkit-transform' : 'translate3d(' + ( currentX + hDistancePercent ) +'%, 0, 0)',
385 $( '#swipebox-slider' ).css( {
386 '-webkit-transition' : '-webkit-transform 0.4s ease',
390 vDistance = endCoords.pageY - startCoords.pageY;
391 hDistance = endCoords.pageX - startCoords.pageX;
398 var vOffset = vDistance > 0 ? slider.height() : - slider.height();
418 } else if ( hDistance <= -hSwipMinDistance && hDistance <= hDistanceLast) {
425 if ( ! bars.hasClass( 'visible-bars' ) ) {
434 $( '#swipebox-slider' ).css( {
435 '-webkit-transform' : 'translate3d(' + currentX + '%, 0, 0)',
439 $( '#swipebox-overlay' ).removeClass( 'leftSpringTouch' ).removeClass( 'rightSpringTouch' );
473 var bars = $( '#swipebox-top-bar, #swipebox-bottom-bar' );
475 bars.addClass( 'visible-bars' );
477 $( '#swipebox-top-bar' ).animate( { top : 0 }, 500 );
478 $( '#swipebox-bottom-bar' ).animate( { bottom : 0 }, 500 );
480 bars.addClass( 'visible-bars' );
489 var bars = $( '#swipebox-top-bar, #swipebox-bottom-bar' );
491 bars.removeClass( 'visible-bars' );
493 $( '#swipebox-top-bar' ).animate( { top : '-50px' }, 500 );
494 $( '#swipebox-bottom-bar' ).animate( { bottom : '-50px' }, 500 );
496 bars.removeClass( 'visible-bars' );
506 bars = $( '#swipebox-top-bar, #swipebox-bottom-bar' );
508 bars.addClass( 'visible-bars' );
511 $( '#swipebox-slider' ).click( function() {
512 if ( ! bars.hasClass( 'visible-bars' ) ) {
518 $( '#swipebox-bottom-bar' ).hover( function() {
520 bars.addClass( 'visible-bars' );
525 bars.removeClass( 'visible-bars' );
561 action = 'touchend click'; // Just detect for both event types to allow for multi-input
565 $( '#swipebox-bottom-bar' ).hide();
568 $( '#swipebox-top-bar' ).hide();
572 $( '#swipebox-prev' ).bind( action, function( event ) {
579 $( '#swipebox-next' ).bind( action, function( event ) {
587 $( '#swipebox-close' ).bind( action, function() {
599 var slider = $( '#swipebox-slider' );
601 currentX = -index*100;
605 '-webkit-transform' : 'translate3d(' + (-index*100)+'%, 0, 0)',
606 'transform' : 'translate3d(' + (-index*100)+'%, 0, 0)'
609 slider.animate( { left : ( -index*100 )+'%' } );
612 $( '#swipebox-slider .slide' ).removeClass( 'current' );
613 $( '#swipebox-slider .slide' ).eq( index ).addClass( 'current' );
620 $( '#swipebox-prev, #swipebox-next' ).removeClass( 'disabled' );
623 $( '#swipebox-prev' ).addClass( 'disabled' );
624 } else if ( index === elements.length - 1 && plugin.settings.loopAtEnd !== true ) {
625 $( '#swipebox-next' ).addClass( 'disabled' );
633 $( 'html' ).addClass( 'swipebox-html' );
635 $( 'html' ).addClass( 'swipebox-touch' );
638 $( 'html' ).addClass( 'swipebox-no-close-button' );
641 $( 'html' ).addClass( 'swipebox-no-touch' );
683 slide = $( '#swipebox-slider .slide' ).eq( index );
686 slide.addClass( 'slide-loading' );
688 slide.removeClass( 'slide-loading' );
711 $( '#swipebox-title' ).empty();
718 $( '#swipebox-top-bar' ).show();
719 $( '#swipebox-title' ).append( title );
721 $( '#swipebox-top-bar' ).hide();
731 …e\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || src.match( /vimeo\.com\/([0-9]*)/ )…
745 * - overrides value provided via dictionary
746 * - rebuild it again returning a string
757 …N.parse( '{"' + a.search.toLowerCase().replace('?','').replace(/&/g,'","').replace(/=/g,'":"') + '…
780 …l = url.match( /((?:www\.)?youtube\.com|(?:www\.)?youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]…
781 youtubeShortUrl = url.match(/(?:www\.)?youtu\.be\/([a-zA-Z0-9\-_]+)/),
782 vimeoUrl = url.match( /(?:www\.)?vimeo\.com\/([0-9]*)/ ),
807 …return '<div class="swipebox-video-container" style="max-width:' + plugin.settings.videoMaxWidth +…
818 'class' : 'swipebox-inline-container'
845 index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) );
848 src = $( '#swipebox-slider .slide' ).eq( index ).contents().find( 'iframe' ).attr( 'src' );
849 $( '#swipebox-slider .slide' ).eq( index ).contents().find( 'iframe' ).attr( 'src', src );
859 src = $( '#swipebox-slider .slide' ).eq( index ).contents().find( 'iframe' ).attr( 'src' );
860 $( '#swipebox-slider .slide' ).eq( index ).contents().find( 'iframe' ).attr( 'src', src );
869 $( '#swipebox-overlay' ).addClass( 'rightSpring' );
871 $( '#swipebox-overlay' ).removeClass( 'rightSpring' );
881 var index = $( '#swipebox-slider .slide' ).index( $( '#swipebox-slider .slide.current' ) ),
884 src = $( '#swipebox-slider .slide' ).eq( index ).contents().find( 'iframe').attr( 'src' );
885 $( '#swipebox-slider .slide' ).eq( index ).contents().find( 'iframe' ).attr( 'src', src );
886 index--;
888 this.preloadMedia( index-1 );
893 $( '#swipebox-overlay' ).addClass( 'leftSpring' );
895 $( '#swipebox-overlay' ).removeClass( 'leftSpring' );
912 $( 'html' ).removeClass( 'swipebox-html' );
913 $( 'html' ).removeClass( 'swipebox-touch' );
926 $( '#swipebox-slider' ).unbind();
927 $( '#swipebox-overlay' ).remove();
934 this.target.trigger( 'swipebox-destroy' );