kthornbloom / Smoothproducts

A simple, lightweight and responsive product image viewer using jQuery
kthornbloom.com/smoothproducts
185 stars 89 forks source link

Navigate zoomed image on ios #1

Closed eye-too closed 10 years ago

eye-too commented 10 years ago

Thanks for a great image viewer. To be able to navigate the zoomed image on iOS, I had to use the 'smoothproducts.js' and not the 'smoothproducts.min.js'. The tilt panning is a cool but less intuitive solution for navigating the zoomed image. A tap-drag approach would likely interfere with scrolling on the page. What about zooming the tapped area or pan buttons as an alternative? Just a suggestion. Keep up the good work!

kthornbloom commented 10 years ago

I appreciate the feedback. I'll fix the minified version soon. I agree that a tap-drag would probably be more intuitive, but that would require a whole other library to detect touch events. Since my goal was to make this as easy and lightweight as possible, I thought I'd try using the gyroscope which is accessible through plain old JS.

kthornbloom commented 10 years ago

I finally did come across a way to do this. Mobile devices may now pan the zoomed image by dragging.