Touch Swipe Support Needed

[zlanich]

This has been brought up once before, but the issue was closed without solving it. Flexslider has a great example of hardware-accelerated Touch Swipe capability, but I'd prefer to use Slippry as Flexslider seems to have a few lingering bugs and isn't nearly as configurable. Any chance anyone is looking into this? I feel like it's kind of an overdue feature. I'd try to implement it myself, but I don't have much expertise in hardware-acceleration on web just yet.

[sftsk]

Hello, due to everybody asking for this feature we will implement it :) At the moment we are very busy though, so I can not promise when that will happen!
Because if we do it, we want to do it right!

[epiblue]

When are you planing to add the touch support ? :)

[sftsk]

can't promise anything but we would like to have slippry v2 before the end of the year :)

[epiblue]

Thanks

[josh256]

+1 would be great!

[JordanSayner]

Is this still being added. Like zlanich said, Id like to use this over flexslider, but i need touch support.

[sftsk]

This is still being added, we have just restructured the build process for Slippry and soon we want to get into proper development of the long overdue version 2.0
Sorry we are taking our sweet time for this but we really want to nail this and not have a half-arsed implementation.

[camilosanchez]

👍 +1

[ashep]

+1

[ghost]

update please? when can we expect 2.0 ?

[drewbaker]

Couldn't users just bind a touch/swipe event to click on the next/prev buttons, or fire the goToNextSlide() events? I don't think you guys need to build that sort of high-level stuff.

[sftsk]

Yes @drewbaker, that was our inital idea: #28
Due to the growing demand we have decided to have this built in.

[steri-rex]

hi, anyone who included successfully a touch swipe plugin like this one https://github.com/mattbryson/TouchSwipe-Jquery-Plugin? it would be great to have touch support.

[ghost]

Don't know if people are still having an issue with this, but I have just put a basic example here of slippry and touchswipe working together: https://github.com/paranoidantroid/slipprytouchswipe

Only tested on my android phone and on browserstack so if you have issues please let me know.

[Shinrai]

When paired with TouchSwipe-Jquery-Plugin the below bit of code will give it swipe left and swipe right touch support:
jQuery(document).ready(function(){ jQuery('.slipSlide').each(function() { jQuery(this).data('slippry',jQuery(this).slippry()); }); jQuery('.slipSlide').swipe({ swipeLeft:function(event, distance, duration, fingerCount, fingerData, currentDirection) { var lSlippry = jQuery(this).data('slippry'); lSlippry.goToNextSlide(); }, swipeRight:function(event, distance, duration, fingerCount, fingerData, currentDirection) { var lSlippry = jQuery(this).data('slippry'); lSlippry.goToPrevSlide(); }, }); });

[stylefabrik]

I couldn't get it to work with TouchSwipe-Jquery-Plugin and the Code from Shinrai.
Is this feature still in on the Roadmap/will be realesed anytime "soon"? Cause this question is allready 2 Years old :D

[sftsk]

It still is but time has been sparse :(
I hope to get Slippry back on track this summer!

[achleitner]

Any updates?

[jennywlove]

@stylefabrik I was able to get TouchSwipe working with the plugin and the following code:

var slippry = jQuery('.slippry').slippry({..});  
jQuery('.slide').swipe({
  swipeLeft: function (event, distance, duration, fingerCount, fingerData, currentDirection) {
    slippry.goToNextSlide();
  },
  swipeRight: function (event, distance, duration, fingerCount, fingerData, currentDirection) {
    slippry.goToPrevSlide();
  },
});

[achleitner]

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

this works for me

$("#portfolio-demo").swipe( {
//Generic swipe handler for all directions
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
if (direction == "left") {
pdemo1.goToPrevSlide();
} else if (direction == "right") {
pdemo1.goToNextSlide();
}
},
//Default is 75px, set to 0 for demo so any distance triggers swipe
threshold:0
});

slippry set up like this:

var pdemo1 = $('#portfolio-demo').slippry({
slippryWrapper: '

', // wrapper to wrap everything, including pager

// options
adaptiveHeight: true, // height of the sliders adapts to current slide

loop: true, // first -> last & last -> first arrows
captionsSrc: 'li',
captions: 'custom', // Position: overlay, below, custom, false
captionsEl: '.external-captions-1',
pager: false,
hideOnEnd: false,
// transitions
transition: 'fade', // fade, horizontal, kenburns, false
easing: 'linear', // easing to use in the animation [(see... [jquery www])]
continuous: false,

// slideshow
auto: false
});

[jemoreto]

@stylefabrik I was able to get TouchSwipe working with the plugin and the following code:

var slippry = jQuery('.slippry').slippry({..});  
jQuery('.slide').swipe({
  swipeLeft: function (event, distance, duration, fingerCount, fingerData, currentDirection) {
    slippry.goToNextSlide();
  },
  swipeRight: function (event, distance, duration, fingerCount, fingerData, currentDirection) {
    slippry.goToPrevSlide();
  },
});

This worked for me. Thanks