problem with HTML5 ---- after show page , render krpano

it's ok when I use this code .

<div id="krpanoDIV"  style="margin:20px; border:5px solid #FFC; padding:20px;" ></div>
<script type="text/javascript">
		 var viewer = createPanoViewer({swf:"krpano/krpano.swf",target:"krpanoDIV"});
		viewer.addVariable("xml", "bss.xml");
		viewer.embed();
</script>

but width this code the page is all white

<div id="krpanoDIV" onclick="showPano()"  style="margin:20px; border:5px solid #FFC; padding:20px;" ></div>


<script type="text/javascript">
	function showPano(){
		 var viewer = createPanoViewer({swf:"krpano/krpano.swf",target:"krpanoDIV"});
		viewer.addVariable("xml", "bss.xml");
		viewer.embed();
	}
</script>

when I click the div#krpanoDiv , It should render krpano. but the page change white. only happen in HTML5, flash is ok.

Quote from klaus.krpano

Hi,

doing such is only possible when:

1. the latest swfkrpano.js as used
2. and all .js files (viewer and license) are already loaded/included

that means:

• either use a single .js file where the swfkrpano.js, krpanoiphone.license.js and krpanoiphone.js are merged into the one file (typically when using the MAKE PANO droplet)
• or include all these 3 files manually in the html file in that order:
  
  
  Code

  <script src="swfkrpano.js"></script>
  <script src="krpanoiphone.license.js"></script>
  <script src="krpanoiphone.js"></script>

best regards,
Klaus

thank you for your answer.

when look at the demo , there are a code blow

<plugin name="slider_grip" url="slider_grip.png" align="left" edge="center" parent="slider_bg" x="0" zorder="2" 
			dragging="if(pressed, 
						sub(dx, mouse.stagex, drag_stagex); 
						add(newx, drag_currentx, dx); 
						if(newx LT 0, set(newx,0));
						if(newx GT plugin[slider_bg].pixelwidth, copy(newx,plugin[slider_bg].pixelwidth));
						copy(x,newx);
						div(val, newx, plugin[slider_bg].pixelwidth);
						setblend(get(val));
						delayedcall(0,dragging());
					  );"
			ondown="copy(drag_currentx,x); copy(drag_stagex,mouse.stagex); dragging();"
			/>

But some variable i don't know what it's mean. dragging、pressed、drag_stagex、drag_currentx， and i don't find the attribute in document.

and is there any else attribute i don't know, where i can find them ?

OK ， thank you very much .