Auto Thumbs--分类缩略图皮肤--krpano插件

尼克迪亚斯 2016-10-28 krpano学院 0 喜欢 (1)

描述

  1. 1、自动增加一组缩略图,并可以将缩略图分类.
  2. 2、当有很多场景,如楼层分类、场区分类时很好用.
  3. 3、同时支持电脑和手机访问.
  4. 4、需要 Krpano 1.17或更高版本.

 

使用方法

1、在tour.xml引入以下xml文件

<include url="mult.xml" />

2、拷贝案例所需文件到网页根目录

即可将全部场景生成一排底部的缩略图(如下).
Thumbs screenshot
然后我们可以将上列缩略图整合成几个类别(如下),整合在一起的缩略图会在展开前显示缩略图数量.

Thumbs screenshot

设置方法:

<scene thumburl="..." title="Scene 1 title"  album="Album 1 title" ...
<scene thumburl="..." title="Scene 2" ...
<scene thumburl="..." title="Scene 3 title" album="Album 2 title" ...
<scene thumburl="..." title="Scene 4" ...

只需要在需要整合的对应scene标签内插入album属性,并设置tooptips标题,不设留空也可以。即可以将下一个scene(没有设置album属性)整合到缩略图分类中。

如何设置整个缩略图的显示和隐藏

例如插入一个按钮,只需要设置下面layer的visible属性即可:
<layer name="toggle_thumbs_button"
  onclick="switch(layer[auto_thumbs].visible)"  
  ...
/>

 

其他参数设置

可以在tour.xml中插入以下settings标签和属性进行设置.
<settings name="auto_thumbs"
          thumb_size="120"
          thumb_background_size="156"
          thumb_spacing="0"
          left="10"   
          right="10" 
          bottom="5"  
          albums_right="10" 
          onstart="" 
          />
•thumb_size
•thumb_background_size
•thumb_spacing
缩略图大小、缩略图背景大小、缩略图间距.
•left
•right
•bottom
缩略图3个方向的边距值.
•albums_right
定义右边距.
•onstart
定义缩略图加载后执行的动作.

 

下载地址


开通会员查看隐藏内容

 

 



㊣ 以上文章内容来自用户投稿,本站只提供信息分享发布平台,其观点和说法不代表本站立场。如果上传的内容有异议,请及时通知我们处理。  

喜欢 1 发布评论
发表评论

您必须 [ 登录 ] 才能发表留言!

Top
error: Content is protected !!