When I create BGLAYER graphics behind the panorama, they work fine on the PC, but on the iPad and developer mode of Safari, the panorama seems to go behind the BGLAYER GFX plugins. Is there a solution for this or is there a problem with my code?
Code
<krpano version="1.0.8.15" title="PanoInteractive Virtual Tour" onstart="startup();">
<include url="skin/vtourskin.xml" />
<!-- MAIN GFX -->
<!-- Main Background GFX -->
<plugin name="background" url="images/background.jpg" parent="BGLAYER" scalechildren="true" align="topleft" edge="topleft" x="0" y="0"
keep="true" visible="true" alpha="1.0" enabled="false" scale="1" width="" height="" zorder="0" />
<!-- Set the screen ONRESIZE event to recalculate the aspect ratio of pano AREA -->
<events onresize="calcaspect();" />
<action name="startup">
calcaspect();
if(startscene === null, copy(startscene,scene[0].name));
loadscene(get(startscene), null, MERGE);
</action>
<!-- SET THE AREA and POSITION OF THE PANO WINDOW -->
<action name="calcaspect">
set(area.mode, align);
<!-- offset area from bottom right -->
set(area.align, bottomright);
set(area.x, 26%);
set(area.y, 5%);
<!-- define the width and height of the area and set as a 16:9 ratio -->
mul(startwidth, stagewidth, .7);
set(area.width, get(startwidth));
mul(startheight, startwidth, 9);
div(finalheight, startheight, 16);
set(area.height, get(finalheight));
</action>
<!-- ADD SCENES -->
<scene name="scene_Kacho Japanese Restaurant" title="Kacho Japanese Restaurant" onstart="" thumburl="panos/Kacho_Japanese_Restaurant.tiles/thumb.jpg" lat="" lng="" heading="">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
<preview url="panos/Kacho_Japanese_Restaurant.tiles/preview.jpg" />
<image>
<cube url="panos/Kacho_Japanese_Restaurant.tiles/pano_%s.jpg" />
<mobile>
<cube url="panos/Kacho_Japanese_Restaurant.tiles/mobile_%s.jpg" />
</mobile>
</image>
</scene>
</krpano>
Display More