通过JS动态切换大场景xml

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

猜你喜欢

转载自www.cnblogs.com/lijiapeng/p/9816486.html