plugin gets confused when rotating mobile screen

(@humptybump)

I installed the plugin (today). On my desktop, it does nothing – aka it displays the panoramic image full width just as if the plugin was not present.

Using the browser debug mode, I get the following:

JQMIGRATE: Migrate is installed, version 1.4.1
jquery.paver.min.js:1 The deviceorientation event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
hasGyroscope @ jquery.paver.min.js:1
jquery.paver.min.js:1 Gyroscopic data unavailable. Falling back to cursor-based panning.
no @ jquery.paver.min.js:1

The markup looks like this …

<div class="easy-panorama paver--fallback" style="height:400px"><img src="http://elder.ninja/wp-content/blogs.dir/1/uploads/2017/01/Image-12.jpeg" title="Image-12" alt=""></div>
<div class="paver__fallbackMessage">Scroll left/right to pan through panorama.</div>

On mobile (smartphone), it displays correctly, however there are two issues.

1. if I rotate the mobile screen from portrait to landscape, the panorama panning becomes erratic and difficult to control.

2. the panning is only controlled by the mobile device motion sensor forcing the user to move around to see the whole picture. There does not appear to be a way to pan using a finger.

Viewing 1 replies (of 1 total)

Plugin Author Leonardo Giacone
(@leopeo)

9 years, 3 months ago
@humptybump,
many thanks for posting on this forum, let’s figure out what’s wrong.

Could you provide the link to your website?
Are you using a touchscreen laptop?
```
jquery.paver.min.js:1 The deviceorientation event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
hasGyroscope @ jquery.paver.min.js:1
```
In few words, this warning (not error) suggests installing an SSL certificate for your website/application – you should do it, not only because of Easy Panorama…
I suggest starting with letsencrypt.org. It’s free, automated and supported by most of the hosting companies.

About the 2 mobile issues:

These issues appear related to Paver.js – the jQuery library that manages the panoramic viewer.

It’s a third party plugin, here you find the link to GitHub repository.

1. if I rotate the mobile screen from portrait to landscape, the panorama panning becomes erratic and difficult to control.

Could you please provide me brand/model of the smartphone you are using? I will try to reproduce the issue.

2. the panning is only controlled by the mobile device motion sensor forcing the user to move around to see the whole picture. There does not appear to be a way to pan using a finger.

This is how Paver works, but it could be a nice pull request… 🙂

Please, let me know.
Best regards.

Leonardo

Viewing 1 replies (of 1 total)

The topic ‘plugin gets confused when rotating mobile screen’ is closed to new replies.