You are not logged in.

1

Thursday, March 17th 2011, 3:40pm

Using krpano within an html page, ie not as a full page

Hi

I've been using FPP where I can have pano's either full screen or I can embed into a page, such as this example

In fpp I can define the size of the flash window:

var so = new SWFObject("/tours/files/pano.swf", "pano12", "270", "210", "9", "#282828");

How do I do this with krpano?

Also is it possible to have multiple panos' running on a page, like this with krpano?

Thanks for help.



Tim

mindlessboss

Professional

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

2

Thursday, March 17th 2011, 3:46pm

Just set container sizes
for axample <div id="krpanoDIV" style="width:200px; height:150px;"></div>
or directly in embed function
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

3

Thursday, March 17th 2011, 3:55pm

Check this page for examples of embedding.

http://krpano.com/docu/swfkrpanojs/

VN2011

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

4

Thursday, March 17th 2011, 4:53pm

Also is it possible to have multiple panos' running on a page, like this with krpano?


yes that is possible, i have seen it done jsut have not myself.

5

Thursday, March 17th 2011, 10:33pm

Using krpano within an html page, ie not as a full page

Thanks for the comments, just embedded low res pano into a page.



I seem to remember someone suggesting that you need to use an iframe if you want to put multiple pano's into a page, I'll have a play and post results.



Tim

6

Thursday, March 17th 2011, 10:38pm

That statement was made by me, but I was wrong. I believe you just need to have two (or more )divs and the script to run it.



Jarred

7

Friday, March 18th 2011, 8:36pm

If you will look in the viewer download package, you will find a good example.

It has two panoramas synced together with javascript but the basic setup for supporting more than one panorama on a page is there.


examples/javascript-interface/js-sync/syncscreen.html