简介
如下图所示，在浏览全景时，有一个指示条提示当前浏览位置。
缩略图
可视化编辑响应式滑动相册
插件简介
本插件为html5插件，专门为krpano设计在漫游中展示经典样式的相册。本插件可在一个图层中显示“缩略图+单张图片”。因此插件提供两种展示模式：网格相册，仅展示缩略图，提供了一个总体的相册情况，另一种为滑动相册可放大图片观看。只需要点击图片即可在两种模式中切换（当图片放大时只需要点击返回按钮）。
可通过编辑器可视化自定义屏幕上显示的全部元素。
默认皮肤进入场景时让导航栏缩略图滚动至中部
问题描述
无论是哪一个版本的krpano，其使用MAKE VTOUR生成默认skin时，如果导航栏缩略图宽度比当前窗口要大时，也就是窗口宽度放不下全部缩略图的情况下，当你点击视图中某个缩略图，缩略图是不会自动滚动到中部的，也就是说，如果你要点击窗口之外的缩略图，你要点击两边的箭头让相应的场景缩略图滚动到中部，然后再点击。这样自然麻烦，我们现在要实现的是，如果缩略图总宽度小于窗口宽度时，让当前场景的缩略图自动滚动到导航栏中部。
方法
用代码编辑器打开skin文件夹中的vtourskin.xml文件，找到下面的
|
1 |
<action name="skin_update_scene_infos"> |
的一句代码：
|
1 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); |
如果你是1.19版本，你可以将上述代码改为：
|
1 2 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); layer[skin_thumbs].scrolltocenter(calc(layer[get(parentname)].x + skin_settings.thumbs_width /2),0); |
如果你是1.18版本，你可以将上述代码改为：
|
1 2 3 4 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); div(now_x,skin_settings.thumbs_width,2); add(now_x,layer[get(parentname)].x); layer[skin_thumbs].scrolltocenter(get(now_x),0); |
让官方皮肤在手机展示时也默认弹出缩略图（1.18）
大家都能找到下面代码中高亮的部分：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<skin_settings maps="true" maps_type="bing" maps_bing_api_key="" maps_zoombuttons="false" gyro="true" title="false" thumbs="true" thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="" thumbs_opened="false" thumbs_text="true" thumbs_dragging="true" thumbs_onhoverscrolling="false" thumbs_scrollbuttons="true" thumbs_scrollindicator="false" tooltips_thumbs="false" tooltips_hotspots="false" tooltips_mapspots="false" controlbar_offset="20" /> |
也就是thumbs_opened=”false” 将它改为 thumbs_opened=”true”
这样我们打开场景时下方缩略图是默认显示的。但尽管我们已经改为true了，若在手机上看是缩略图默认还是隐藏的，怎么回事呢？ （更多…）