移花接木(17)- 添加简单相册

官方下载包路径

你电脑的路径\krpano-1.20.1\viewer\examples\image-gallery\

提示:如果不了解何谓下载包路径,请查看 循序渐进(3)- krpano下载包的使用说明

 

在线演示

 

使用方法(每个场景的相册不一样)

  • 将案例中的thumbbar.xml复制到项目根目录下
  • 在主xml中scene元素的外嵌入
  • 在scene元素外加入action代码create_thumbbar_pre。
  • 在需要调用相册的scene元素的onstart属性中写上
    括号中的参数是scene元素的name。当然不一定用这个name,只要与对应img标签的name一致即可实现调用,create_thumbbar_pre是创建相册
  • 每个相册的基本自定义代码格式为
    也是写在scene元素的外部。img的name就是所调用的scene的name。
  • 如果需要显示或隐藏某个相册。
    即显示相册
    即隐藏相册
  • 另外提供一个可删除相册的动作。
     

使用方法(整个漫游都使用一个相册)

  • 将案例中的thumbbar.xml复制到项目根目录下,打开thumbbar.xml,找到50行
    替换为:
    找到65行
    替换为:
     
  • 在主xml中scene元素的外嵌入
  • 在scene元素外加入action代码create_thumbbar_pre。
  • 在某个自启动的action中写上create_thumbbar_pre(canaldemure5),如下面的第五行
    括号中的参数是scene元素的name。当然不一定用这个name,只要与对应img标签的name一致即可实现调用,create_thumbbar_pre是创建相册
  • 每个相册的基本自定义代码格式为
    也是写在scene元素的外部。img的name就是所调用的scene的name。
  • 如果需要显示或隐藏某个相册。
    即显示相册
    即隐藏相册
  • 另外提供一个可删除相册的动作。