Working on a website that features horizontal object rotation. For instance, starting with the front view of an object followed by side, back, other side, and then back to the front.
In this case, there are 24 images of an object, each taken at a 15 degree angle difference for smooth rotation effect. While it works well with a mouse on all browsers, using a touchscreen on Microsoft Edge presents issues.
The problem in Edge is swiping triggers the "go back to the previous page" function instead of rotating the object smoothly. In Chrome, I could easily fix this with a simple JavaScript code snippet:
$(".reel-holder").bind('touchstart', function(event) {
event.preventDefault();
event.stopPropagation();
});
Another challenge with swiping in Edge is that the rotation occurs picture by picture without following the finger movement on the touchscreen.
How can I address these problems using JavaScript/jQuery?
iS THIS EGG