cycle2
cycle2 copied to clipboard
malsup
swipe action to pull slide along with gesture rather then just respond upon gesture release...
This is a feature request. I'd like to see the swipe mechanism actually pull the slide along in the direction of the swipe in the same manner as this does:
http://stephband.info/jquery.event.swipe/
I suppose it may be necessary to consider the direction of the slide transitions -- ie, a vertically transitioned slideshow would only respond to up/down gestures and a horizontal one would only respond to left/right swipes..
I was going to request the same feature, this type of swipe and css3 transitions are the only things stopping me moving from flexslider.
I am also after the exact same thing. The problem as it stands is that it isn't really obvious that you can swipe unless you actually complete the gesture. People tend to be used to 'dragging' things around to see if they allow 'swiping', but cycle2 doesn't give you any feedback in this way.
I have a slightly similar feature request to the above. Is it possible to use a different effect on swipe? For example, I usually like to use a 'fade' slideshow by default, but on swipe I would prefer to use the horizontal scroll effect. Is this possible?
I agree completely, this is the only reason that I need to revert to flexslider on certain cases. Love the simplicity of this plugin in all other respects, just wonder whether this would ever be possible?
+1 - I used to use a branch of Cycle 1 which had this feature - Would be really nice to have again!
This seems to do the trick http://jquery.malsup.com/cycle2/demo/manualFx.php
It might, if we knew how to create a manual FX which would do what we want... Do you @noraheuer ?
I've created these 2 plugins that I think add the feature that you are looking for. They allow you to move the slides "freely" sideways (or vertically), with the slides actually following the position of your finger.
Here's a demo (you need a touch-enabled device or enable touch events in your browsers developer tools):
Demo: http://codepen.io/gabrielfin/full/gbwGOx/
Plugin: https://github.com/gabrielfin/cycle2/blob/issue-103/src/jquery.cycle2.glide.js
To enable, add the property data-cycle-glide="true" (glide: true in JS) or data-cycle-glide="vertical" (glide: 'vertical' in JS).
That plugin won't work with carousels. Instead, you should use this one:
Demo: http://codepen.io/gabrielfin/full/ogzGXx/
Plugin: https://github.com/gabrielfin/cycle2/blob/issue-103/src/jquery.cycle2.carousel-glide.js
To enable, add the property data-cycle-carousel-glide="true" (carouselGlide: true in JS).
@gabrielfin - I have used your plugin for 'glide' functionality and it appears to work great, but does not seem to fire events like 'cycle-after'. Any ideas why this happens and how to fix it?
@gabrielfin, I've added a "resume" feature, assuming the event was a click, at gabrielfin/cycle2#1. Thanks for your helpful plugin!
+1 @gabrielfin thank you for the great plugin! (Maybe this plugin should be inserted in the official Cycle2 page)
Thanks @gabrielfin ! I have a couple of questions:
- Is there anyway to prevent vertical scrolling on the web page while someone is horizontally scrolling a glide enabled carousel?
- Is it possible to enable "momentum" swiping so that the carousel items move across the screen when you flick more quickly, and so that the carousel items don't snap back to the initial framing that shows whatever the "carouselVisible" was set to? I suppose triggering the "cycle-after" is what creates that snapping.
