我们在利用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>