全景嵌入HTML页面插件

HTML Page inside Pano Plugin. modal_window.xmlfor Flash and HTML5

简介

  • 该插件在krpano viewer中添加一个可交互的html页面。
  • 插件在你的全景中创建一个窗口,窗口展示外部html页面的内容。
  • html页面也可以放置在与你的全景同一个服务器,也可以放在其它任意的服务器上。
  • 插件允许从krpano viewer传递不同的参数到html中。
  • html页面的窗口可以根据你的设计自由设置尺寸。
  • 插件允许为全景添加所有强大的互联网页面:各种反馈、组图、幻灯片、多页面列表等……
  • 允许使用JavaScript、 jQuery libraries、PHP等……
  • 如果你缺乏html知识,插件提供了易用的模版。
  • 同一套代码适用于桌面和移动端。
  • xml交互非常简单。

购买

  • 插件官方价格为€59,具体购买详询。

使用方法

1、解压缩htmlpagev3.zip

2、插件使用js脚本。你必须将插件文件夹名为js的文件夹放置在与你项目的主html文件的根目录下。

3、将插件文件夹的plugins文件夹的black_w.pngclose.pngmodal_window.xml三个文件复制到项目文件夹的plugins文件夹中。

4、你必须在html的</head>标签内放进下面的代码

<style>
@import “js/iframe.css”;
</style>
<link rel=”stylesheet” href=”js/iframe.css” />
<script src=”js/mootools.js”></script>
<script src=”js/ClassicFrame.js”></script>
<script src=”js/ClassicBarry.js”></script>


3.在主xml文件放进下面的代码

<include url=”plugins/modal_window.xml” keep=”true”/>


4. 你可以通过 “onclick” 动作打开窗口
按照像素确定窗口大小: 

onclick=”forma_px(a,b,c,d);”
  • a – 窗口宽度(例如400,你不能在这个例子中使用百分比)
  • b – 窗口高度(例如300,你不能在这个例子中使用百分比)

按照百分比确定窗口大小
注意!百分比只适用于版本18或以上。

onclick=”forma_pct(a,b,c,d);”
  • a – 窗口宽度(例如0.8,数字必须在0和1之间)
  • b – 窗口高度(例如0.65,数字必须在0和1之间)
  • 不要同时在宽度和高度上使用100%,这样的话你无法关闭窗口。

两个例子中的其它参数:

    • c – 你的html页面的地址。可以使用绝对地址或相对地址。
    • d – 在窗口顶部出现在彩色横条中的标题。如果没有写这个参数,则不出现彩色条。

你可以在 (..js/iframe.css) 中定义彩色条的颜色。

示例(可能需要翻墙