移花接木(17)- 添加官方高清组图

官方案例演示

官方案例地址

我们要实现的效果是加入高清组图,点击缩略图后,图片弹出变大,点击其它缩略图,则原本变大的图回到缩略图,然后新的图片弹出变大。

本次课程的案例在krpano下载包

1.18.5\krpano-1.18.5\examples\xml-usage\image-gallery

实现方法

image文件夹以及thumbbar.xml文件拷贝到你的项目根目录vtour下,然后打开imagegallery.xml文件。将以下代码拷贝到你需要做高清组图的scene标签内。

在thumbbar_addimage后面添加的路径即为你的图片,你只需要在image文件夹中放入你的图片,同时xml中修改对应的图片路径,例如你的图片分别为a1到a5的话,就是写成

然后我们在这个scene的onstart里加上

 

 

发表评论