search

pisi / Reel

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

Not working properly on mobile Safari? #338

Open amityweb opened 4 years ago

amityweb commented 4 years ago

Is there any special thing I need to do to make it work on iPhone Safari? Its not working properly.

It loads and the images change initially, but they change very jumpily not smooth like Desktop.

Then they stop after a few loops.

Desktop works fine, very smooth and continuous looping.

Thanks

ac1234 commented 4 years ago

if you are using [ data-shy="true" ] this seems to stop the images loading and running on a iPhone, if you remove it I have found the images work as expected.

amityweb commented 4 years ago

Sorry should have added my code, its just copied from a demo page:

        <img src="mymainimage.jpg"
            class="reel"
            id="image"
            data-speed="2"
            data-delay="0"
            data-images="mymainimage.jpg,mymainimage2.jpg,mymainimage3.jpg"
        />
ac1234 commented 4 years ago

This works on iPhone and iPad... 

<img 
            class="reel" 
            data-brake="0.1" 
            data-footage="48" 
            data-frames="48" 
            data-images="http://xxxxx/xxx_###.jpg|100..123" 
            data-revolution="100" 
            data-speed="0.3" 
            data-velocity="1"             
            src="http://xxxxx/xxx.jpg"  
            width="600" 
            height="375"
>
amityweb commented 4 years ago

Its strangely working on my original code now, but all I did was change images. The new images are more optimised, maybe its to do with that.

But its very jumpy on mobile. Its skipping images and not smooth.

See these videos (sorry bad quality I cant upload screen recordings here and so converted to gif, but you can see the difference, same code).

Desktop

iOS

dev-ahmad commented 4 years ago

@amityweb any solution?

amityweb commented 4 years ago

The above problem cleared up on its own for some reason. But the phone still is not the same as the Desktop, its much slower. And therefore you can see it jittering from frame to frame as its slow.

So no I dont have a solution to the problem that mobiles do it different sorry. I have an iPhone X and using Safari so its not like its an old phone or anything.

dev-ahmad commented 4 years ago

@amityweb Thank you! :") so let's wait if anyone have the solution or a new update.

mindpixel-labs commented 4 years ago

@amityweb

I just wanted to let you know that I can confirm it has to do with large images causing this. I had the same issue with images being way too large and it seems to crash this plugin. As soon as I optimized them I had no issues.