lijiapeng

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

 

分类:

技术点:

相关文章:

  • 2019-02-25
  • 2021-12-19
  • 2019-03-13
  • 2021-04-10
  • 2021-11-29
  • 2021-12-31
  • 2022-01-04
  • 2021-09-16
猜你喜欢
  • 2021-11-13
  • 2021-12-10
  • 2021-04-24
  • 2021-12-20
  • 2020-04-24
  • 2019-08-16
  • 2021-12-20
相关资源
相似解决方案