无论是哪一个版本的krpano，其使用MAKE VTOUR生成默认skin时，如果导航栏缩略图宽度比当前窗口要大时，也就是窗口宽度放不下全部缩略图的情况下，当你点击视图中某个缩略图，缩略图是不会自动滚动到中部的，也就是说，如果你要点击窗口之外的缩略图，你要点击两边的箭头让相应的场景缩略图滚动到中部，然后再点击。这样自然麻烦，我们现在要实现的是，如果缩略图总宽度小于窗口宽度时，让当前场景的缩略图自动滚动到导航栏中部。

方法

用代码编辑器打开skin文件夹中的vtourskin.xml文件，找到下面的

<action name="skin_update_scene_infos">

1	<action name="skin_update_scene_infos">

的一句代码：

txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index));

1	txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index));

如果你是1.19版本，你可以将上述代码改为：

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 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版本，你可以将上述代码改为：

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);

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);

krpano代码运行器案例索引

（更多…）

控制用户界面的整体大小

1 条评论

使用说明

需求说明：每个数字之后的一句话说明，即小标题

代码位置：在代码区域之前的文字

生效的关键代码部分：用加粗标出

对关键代码的简单说明：在代码区域之后的文字

（更多…）

自动旋转与循环浏览代码分享

1 条评论

使用说明

需求说明：每个数字之后的一句话说明，即小标题

代码位置：在代码区域之前的文字

生效的关键代码部分：用加粗标出

对关键代码的简单说明：在代码区域之后的文字

（更多…）

krpano Javascript接口说明文档

3 条评论

krpano Javascript接口Version 1.20.11

需要使用krpano Javascript-Interface object来获取从krpano到Javascript的权限。

可通过以下某种方式获取对象：

使用 embedding script 的 onready 回调函数（推荐方法）。
或通过Javascript 调用： document.getElementById(id)
id参数是viewer的唯一性id（默认为”krpanoSWFObject”）可在embedding script中进行设置。

（更多…）

如何控制默认热点跳转到指定场景的指定视角

2 条评论

（更多…）

修改默认皮肤缩略图文字大小

2 条评论

使用缩略图文字显示

（更多…）

移花接木（15）- 全景漫游三种载入进度效果

1 条评论

更新于 2024.4.19 1.21.2

官方下载包路径

你电脑的路径\krpano-1.21.2\viewer\examples\loading-progress\

提示：如果不了解何谓下载包路径，请查看循序渐进（3）- krpano下载包的使用说明

在线案例

以下隐藏内容仅供VIP会员查看，加入VIP会员请查看首页头图文章或添加站长微信

关于载入进度

以下隐藏内容仅供VIP会员查看，加入VIP会员请查看首页头图文章或添加站长微信

（更多…）

移花接木（14）- 插入平面视频或热点视频

1 条评论

更新于 2024.4.19 krpano 1.21.2
（更多…）

让默认导航条隐藏或完全移除皮肤

2 条评论

效果

在漫游开始时，让默认皮肤下方的导航条以及缩略图隐藏起来，如下图所示：

QQ图片20150622133216

另外，出于某种原因，我们希望移除所有皮肤。

1.19 pr4代码

（更多…）

在漫游中放置一个可以打开外链的logo

1 条评论

以下代码可使用右上角按钮“在新窗口中打开”复制，你可以粘贴到tour.xml中，注意不要放在scene的标签内。

<layer name="my_logo" enabled="true" capture="true" keep="true"  x="0" y="0" align="righttop" url="mylogo.png" scale="1"  onclick="openurl('http://www.fang.com/',_blank);" />

1	<layer name="my_logo" enabled="true" capture="true" keep="true" x="0" y="0" align="righttop" url="mylogo.png" scale="1" onclick="openurl('http://www.fang.com/',_blank);" />

默认的皮肤模版有一个skin_logo的layer，建议如果不喜欢这个效果的话，可以直接使用上面的代码，因为使用了不同的名字，所以不会与默认的skin_logo冲突。

然后你可以修改align的数值，这是对齐在屏幕的那个位置，现在是右上角。如果是左上角可以填lefttop。右下角是rightbottom，左下角是leftbottom。然后是logo地址，放在url属性中。目前这个logo和当前所在的xml文件是同一层目录。通过调整x和y，调整logo的位置。最好设置一下地址，在openurl里的地址替换一下。

注意，本地测试时，会受到浏览器的限制，会无法跳转。请看下面的链接说明：

本地测试时的注意事项

krpano本地测试服务器

1.21方法

1.20下载包位置

1.20演示

1.20步骤

场景的无缝过渡

无缝过渡三个场景

以下方法适用于krpano 1.19 pr3及之后版本

Search Engine Plugin xml only plugin可运行于 HTML5

演示

演示

需求

官方下载包路径

官方下载包路径

问题描述

方法

krpano Javascript接口Version 1.20.11

使用缩略图文字显示

官方下载包路径

在线案例

关于载入进度

效果

1.19 pr4代码