You are not logged in.

resizing viewer flash vs html5

atomicmak

Trainee

  • "atomicmak" started this thread

Posts: 60

Occupation: E-Media Creative Work

  • Send private message

1

Wednesday, December 5th 2012, 4:45pm

resizing viewer flash vs html5

HI,

I wanted to set the viewer size based on loaded viewer.

Say if flash loaded on desktops it should be sized in pixels not full size initially.

but if loaded html5 on mobile and tablet devices it should be 100% x 100%

can anyone guide me a script for html I can set so the mobile and tablet users get 100% view of viewer but flash viewer can be adjusted for website ?

Thanks in Advance for your help.
Regards
Mak

This post has been edited 1 times, last edit by "atomicmak" (Dec 6th 2012, 7:20am) with the following reason: detailed description

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

2

Thursday, December 6th 2012, 7:05pm

Hi,

what about the surrounding page?
would that be empty?

wouldn't that look strange, or?
e.g. on desktop, the pano with fixed size in the left top edge and then on mobile filling the page???

in this case separate page designs for desktop and mobile might be better...

best regards,
Klaus

atomicmak

Trainee

  • "atomicmak" started this thread

Posts: 60

Occupation: E-Media Creative Work

  • Send private message

3

Thursday, December 6th 2012, 7:07pm

I've website interface where I wanted to fit it for pc/mac

for mobile and tablets like iphone/ipad/android I wanted to use fullscreen layout.

can you guide what script to use to separate the both versions ?
Regards
Mak

atomicmak

Trainee

  • "atomicmak" started this thread

Posts: 60

Occupation: E-Media Creative Work

  • Send private message

4

Tuesday, December 11th 2012, 11:38am

I've produced a tour using droplet vtour multires.

any help on adding script to resize player for flash vs html5
thanks in advance.
Regards
Mak

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

5

Wednesday, December 12th 2012, 2:05pm

Hi,

resizing the viewer itself is not the problem (you can change the viewer size by changing the sizes of the html elements) - but regarding to your description you want different html page designs/layouts - and therefore it might be better to use use different html pages instead of restructuring the whole html page dynamically by Javascript code.

Maybe just add a simple Javascript redirection to your 'mobile' page design.
e.g. here a simple script for redirecting iPhone/iPod or Android Phones:

Source code

 
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))
  {
	window.location = "mobile.html"
  }
</script>


Best regards,
Klaus

atomicmak

Trainee

  • "atomicmak" started this thread

Posts: 60

Occupation: E-Media Creative Work

  • Send private message

6

Wednesday, December 12th 2012, 2:08pm

Thanks will try and report.
Regards
Mak

Similar threads