Turn off swipe left/right on iPad image gallery

[Diggum1]

I created a quick gallery website using jquery Responsive Image Gallery (

http://jpatrickking.com).

It works fine in a desktop browser, but when viewing the gallery on an ipad, if I try to pinch to zoom (or touch the image in any way), the gallery automatically advances to the next slide. This makes it impossible to zoom into an image on an iPad. I'd like to turn off that functionality.

Link to JS file:

http://jpatrickking.com/ResponsiveImageGallery/jquery.elastislide.js

Any ideas?

Thanks!
Rick

 

[jpadie]

from a very brief code-review it looks like you need to turn off the wipeLeft and wipeRight custom events that attach to the touchWipe class

it's difficult to inject this code into mobile browsers to try it out, so this is not tested.

if( ! /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { //might need to include something for windoze fones too? 
 $imgWrapper.touchwipe({
  wipeLeft: function() { _navigate( 'right' );},
  wipeRight: function() { _navigate( 'left' );}
 },
 preventDefaultEvents: false
 });
}

 

[Diggum1]

Thanks! I'll try that.
Rick

 

[jpadie]

just in case it's not obvious - this is replacement code for the relevant section of the script. not an additional script.