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交互非常简单。
使用方法
1、解压缩htmlpagev3.zip。
2、插件使用js脚本。你必须将插件文件夹名为js的文件夹放置在与你项目的主html文件的根目录下。
3、将插件文件夹的plugins文件夹的black_w.png、close.png、modal_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>
@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) 中定义彩色条的颜色。