Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not working properly on mobile Safari? #338

Open
amityweb opened this issue Oct 9, 2019 · 8 comments
Open

Not working properly on mobile Safari? #338

amityweb opened this issue Oct 9, 2019 · 8 comments

Comments

@amityweb
Copy link

amityweb commented Oct 9, 2019

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
Copy link

ac1234 commented Oct 9, 2019

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
Copy link
Author

amityweb commented Oct 9, 2019

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
Copy link

ac1234 commented Oct 11, 2019

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
Copy link
Author

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
Copy link

@amityweb any solution?

@amityweb
Copy link
Author

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
Copy link

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

@mindpixel-labs
Copy link

@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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants