Okay the glaring problem with the Drupal 6.x jcarousel module as I see it concerns Swipes/gestures for mobile - it would be fantastic to let users on say an iPad swipe through carousels... I was trying to wrap my head around using swipe.js (https://github.com/bradbirdsall/Swipe) when I saw that the new version of jcarousel supports Swipe and wanted to check in to see if anyone is maintaining this module and when we can see it using the now stable jcarousel 0.3!

Cheers,

Qasim

Comments

quicksketch’s picture

The 0.3 version of the library is pretty much a total rewrite, so we'll probably need to branch the jCarousel module to support it. Where did you see that 0.3 is stable? The repo and website still list 0.2.8 as the latest stable release.

designguru’s picture

Oh you're right, not sure where I saw that it was stable - apparently its not... So with the current implementation - how can we add swipe functionality to carousels?

Cheers,

q./

mgifford’s picture

Would be great if Swipe was supported in a future release of this module.

josephcheek’s picture

Hi,

I've got jcarousel-6.x-2.6 with working swipe support. It's not elegant (it's hardcoded to horizontal swipes, and the carousel doesn't change until after the swipe is released), but it works on my iPad 3 and iPad Mini using both Safari and Chrome, Nexus 7 with Chrome, Asus Transformer with Browser, and Kindle Fire HD with Silk. It involves binding touchstart, touchmove, and touchend to functions that record the start and end coordinates of the events and then calling $(this).jcarousel('next') or $(this).jcarousel('prev'), depending on the direction of the swipe. It doesn't rely on anything beyond jquery and jcarousel.

Happy to share the code if anyone is interested. Send me a message if so.

I also have it working with Views Slideshow (ThumbnailHover), if you're interested in that one. LMK.

Thanks!

Joseph Cheek
joseph@cheek.com

NB: this is not jCarousel 0.3.0, as requested in the original message. It's just a quick solution that I threw together on existing stable code that I thought might benefit others.

murz’s picture

Issue summary: View changes

Joseph Cheek, can you share your code with adding touch swipe event to Drupal Jcarousel module? Thanks!

kellyimagined’s picture

Murz,
Did you end up finding a solution to this and if so, can you share it?

Thanks,

shashwat purav’s picture

Hi,

I need swipe touch functionality on ipad/ mobile for one of my projects. I am using https://www.drupal.org/project/jcarousel module. How can I achieve it? Please share the code.

Thanks in advance.

deggertsen’s picture

There is a development version of this module that uses Jcarousel 0.3. See #2349751: [META] Support jCarousel v0.3. Obviously this doesn't help with those on Drupal 6, but it does help for D7 I think.