krpano 生成iframe弹窗，弹窗控制父框跳转

最新推荐文章于 2025-10-02 16:15:11 发布

原创

最新推荐文章于 2025-10-02 16:15:11 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html5

本文介绍了如何使用Krpano工具制作全景图片，通过修改tour.html和引入iframe.xml，实现在点击按钮时动态加载不同内容的全景游览。步骤包括下载Krpano，调整配置，创建iframe交互，以及在tour.xml和skin/vtourskin.xml中整合相关代码。

1、下载krpano

2、选择全景图片拖动到

3、生成vtour文件夹

启动双击tour_testingserver.exe 。

3、把tour.html修改为index.html,修改index.html中的代码

<script>
		embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", consolelog : true,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 +