It must be placed in the same folder as the krpano.swf
and will be loaded automatically
on the iPhone / iPad / iPod Touch devices by swfkrpano.js
embedded (the Flash embedding script, the krpanoJS Viewer and the licneses) will be created by default.
This viewer is an Add-on
to the normal krpano licenses, so there is an additional
license necessary - get it here
- it's a personalized license file -
, it must be placed in the same folder as the krpanoiphone.js
The embedding syntax is the same like for the krpano Flash Panorama viewer, no changes
are necessary here, but note - it's important to set some iPhone specific meta settings in HTML
for correctly scaling - just use the default HTML template, which is included in the viewer and tools download packages!
panoramic images are supported at the moment!
And their size is limited (the exact size is unknown), for the iPhone cube face sizes like 480x480 to 640x640 seems to be good,
and for the iPad something around 1024x1024 to 1280x1280.
Just play around and find what size is good in your eyes.
BUT NOTE - too large images can slow down or crash the Mobile Safari Browser!
There are two ways to add images for the iPhone and iPad:
- Either use multiresolutions panos and make sure that there are levels that are small enough.
For the iPhone 3 / iPod touch levels smaller than 512 pixels and for the iPad / iPhone 4 levels that are smaller than 1100 pixels.
- Specify dedicated images via the <mobile> and <tablet> tags:
The paths to the iPhone / iPad images will be set in the XML in the <image> node
by the <mobile> and <tablet> tags.
On the iPhone 3G/3GS or iPod Touch 3 the <mobile> tag will be loaded and on the iPad and the iPhone 4
the <tablet> tag or if that doesn't exists also then the <mobile> tag.
Here an example of the XML structure:
<!-- here the normal pano image paths -->
<!-- mobile phone / iphone images -->
<left url="mobile_l.jpg" />
<front url="mobile_f.jpg" />
<right url="mobile_r.jpg" />
<back url="mobile_b.jpg" />
<up url="mobile_u.jpg" />
<down url="mobile_d.jpg" />
<!-- tablet pc / ipad images -->
<left url="tablet_l.jpg" />
<front url="tablet_f.jpg" />
<right url="tablet_r.jpg" />
<back url="tablet_b.jpg" />
<up url="tablet_u.jpg" />
<down url="tablet_d.jpg" />