pisi / Reel

The premier 360° solution for jQuery.
http://reel360.org
MIT License
690 stars 210 forks source link

iPad/iPhone not functioning properly with data-shy ="true" #310

Open ac1234 opened 8 years ago

ac1234 commented 8 years ago

jquery-1.7.1.min reel360 Version: 1.3.0 iPad/iPhone osx 9.1

(Linux/Android/Windows/Mac10.10.4 - functions as expected)

On a iPad/iPhone it appears to load the images with the pre-loader along the bottom of the image, but then does not allow to spin the image with a swipe or auto spin. If you tap on the image it will jump between images. If I visit your site test.vostrel.net the images spin as expected, so it would appear it is something in my config. This has been working without issue previously.

[edit update] After much testing, I find that having 'option' data-shy="true" enabled the image will not load correctly on the iPhone or iPad properly. [/edit update]

<div align="center" style="width:450px;height:345px;border:1px solid black;">&nbsp;
<p>360° Image of Style - <b>519953-452-409</b> - Click the image to activate.</p>

<p><img class="reel" data-brake="0.1" data-footage="48" data-frames="48" data-images="http://www.waclarke.co.uk/image/data/waldlaufer/waldlaufer_ladies_walking_shoe_519953-452-409_###.jpg|100..123" data-revolution="100" data-shy="true" data-speed="0.3" data-velocity="1" height="281" src="http://www.waclarke.co.uk/image/data/waldlaufer/waldlaufer_ladies_walking_shoe_519953-452-409_360_banner.jpg" width="400" /></p>
</div>

<p>Click and slide Left and Right with your mouse or finger&gt;</p>
</center>```