1. 程式人生 > >通過JS動態切換大場景xml

通過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>