Sie sind nicht angemeldet.

Full screen on iOs and other mobile divices

lonelyfreeranger

Anfänger

  • »lonelyfreeranger« ist der Autor dieses Themas

Beiträge: 6

  • Nachricht senden

1

Freitag, 19. April 2013, 00:44

Full screen on iOs and other mobile divices

Hi all!
Which code i need tu use, to create button to open my panorama in mobile devices in full screen mode? I use standart code to create virtual tour, which give me krpano droplets, and some modify it. But when i open my panoramas on mobile divices i see only giroskope button. But I want to see panorama on full skreen.It is more good and better for perception, than in small window on my web site.
Here the one examle.
Sorry for my english. I am from Russia (=
Thank you! Timur.

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Mittwoch, 24. April 2013, 16:56

Hi,

one possibility might be using some Javascript code to detect the device and then redirect to a html page where only the page itself is embedded.

e.g. add code like this in your html page:

Quellcode

 
1
2
3
4
5
6
7

<script>
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("iphone")>=0 || ua.indexOf("ipod")>=0 || (ua.indexOf("android")>=0 && ua.indexOf("mobile")>=0))
{
  document.location = "pano.html";
}
</script>


Best regards,
Klaus

PanoramaLlama

Anfänger

Beiträge: 6

  • Nachricht senden

3

Mittwoch, 12. Juni 2013, 21:18

Zitat von »klaus.krpano«

Hi,

one possibility might be using some Javascript code to detect the device and then redirect to a html page where only the page itself is embedded.

e.g. add code like this in your html page:

Quellcode

 
1
2
3
4
5

var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf("iphone")>=0 || ua.indexOf("ipod")>=0 || (ua.indexOf("android")>=0 && ua.indexOf("mobile")>=0))
{
  document.location = "pano.html";
}


Best regards,
Klaus
First, thank you for this, it works perfectly. The only problem I see when I use this code, and which I can't fix is that when you open the page on a mobile device you lose the original link of the page. So if for example I put this code on a page with a permalink like: www.website.com/panorama, when opening it on a mobile device, the browser address bar will show the URL of the pano.html file, (which is often longer and more difficult to remember by the user of the website).

My question is if there is any way of hiding this URL so the address bar on a mobile device shows the same permalink as the desktop browser does? (i.e. www.website.com/panorama)

Thank you in advance.
panoramallama.com

Ähnliche Themen