我们在利用krpano去制作720全景图的时候,通常会遇到需要在两个大场景下切换的情况,或许我们可以通过不同链接去跳转,但是这样用户的体验效果极差,因此我们可以通过JS动态切换大场景xml,具体步骤如下:
第一步:将需要切换的场景**.xml、panos里面的文件复制到相应目录下
第二步:在tour.xml下的scene标签内定义一个可点击的热点
<hotspot name="video" url="skin/vtourskin_mapspotactive.png" scale="0.4" ath="-162.243" atv="40.839" onclick="js(loadpano('zhongye.xml','scene_lqc'););" />
第三步:在tour.html 内定义点击事件
<div id="pano" style="width:100%;height:100%;"> <noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript> <script> var krpano = null; embedpano({ swf: "tour.swf", xml: "tour.xml", target: "pano", html5: "auto", mobilescale: 1.0, passQueryParameters: true, onready: krpano_onready_callback }); function krpano_onready_callback(krpano_interface) { krpano = krpano_interface; } function loadpano(xmlname,sceneName) { if(krpano) { //动态切换xml,xmlname为tour.xml传过来的值 krpano.call("loadpano(" + xmlname + ", null, MERGE, BLEND(0.5));"); //sceneName为切换后加载的第一个场景 krpano.call("loadscene('" + sceneName + "')"); } } </script> </div>