krpano怎么让文字一直显示在热点上

默认的corfu模版可以实现鼠标移动到热点时，出现提示文字。但这种体验并不好，一方面，浏览者的鼠标不放到鼠标上方，他就不可能知道这个箭头指向的是哪一个场景。另一方面，在移动设备上，没有鼠标，也就是不能够实现onover事件，也就是根本就无效了。有些朋友可能直接采用ps文字为图片作为热点来展示，这种做法的好处就是能设计出很漂亮的文字图片效果，但如果热点很多，同时想要的也就是一个指示作用的话，用代码就能解决。

将下面的代码放到skin文件夹的vtourksin.xml中。

<action name="add_all_the_time_tooltip">

txtadd(tooltipname, 'tooltip_', get(name))

addplugin(get(tooltipname))

txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']')

set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf')

set(plugin[get(tooltipname)].align,top)

set(plugin[get(tooltipname)].edge,bottom)

set(plugin[get(tooltipname)].x,0)

set(plugin[get(tooltipname)].y,0)

set(plugin[get(tooltipname)].width,100)

set(plugin[get(tooltipname)].autoheight,true)

set(plugin[get(tooltipname)].background,true)

set(plugin[get(tooltipname)].backgroundcolor,0x000000)

set(plugin[get(tooltipname)].roundedge,15)

set(plugin[get(tooltipname)].backgroundalpha,0.5)

set(plugin[get(tooltipname)].border,true)

set(plugin[get(tooltipname)].glow,4)

set(plugin[get(tooltipname)].glowcolor,0xFFFFFF)

set(plugin[get(tooltipname)].css,'text-align:centercolor:#FFFFFFfont-family:Arialfont-weight:boldfont-size:16px')

set(plugin[get(tooltipname)].textshadow,1)

set(plugin[get(tooltipname)].textshadowrange,6.0)

set(plugin[get(tooltipname)].textshadowangle,90)

copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title)

set(plugin[get(tooltipname)].enabled,false)

</action>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<action name="add_all_the_time_tooltip">

txtadd(tooltipname, 'tooltip_', get(name))

addplugin(get(tooltipname))

txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']')

set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf')

set(plugin[get(tooltipname)].align,top)

set(plugin[get(tooltipname)].edge,bottom)

set(plugin[get(tooltipname)].x,0)

set(plugin[get(tooltipname)].y,0)

set(plugin[get(tooltipname)].width,100)

set(plugin[get(tooltipname)].autoheight,true)

set(plugin[get(tooltipname)].background,true)

set(plugin[get(tooltipname)].backgroundcolor,0x000000)

set(plugin[get(tooltipname)].roundedge,15)

set(plugin[get(tooltipname)].backgroundalpha,0.5)

set(plugin[get(tooltipname)].border,true)

set(plugin[get(tooltipname)].glow,4)

set(plugin[get(tooltipname)].glowcolor,0xFFFFFF)

set(plugin[get(tooltipname)].css,'text-align:centercolor:#FFFFFFfont-family:Arialfont-weight:boldfont-size:16px')

set(plugin[get(tooltipname)].textshadow,1)

set(plugin[get(tooltipname)].textshadowrange,6.0)

set(plugin[get(tooltipname)].textshadowangle,90)

copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title)

set(plugin[get(tooltipname)].enabled,false)

</action>

<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0" distorted="false"

tooltip=""

onclick="if(linkedscene, skin_hidetooltips()tween(scale,0.25,0.5)tween(oy,-20,0.5)tween(alpha,0,0.5)looktohotspot()loadscene(get(linkedscene),null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend))skin_updatescroll())"

onloaded="add_all_the_time_tooltip()"

/>

1

2

3

4

5

在vtourskin找到下面的代码

<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0" distorted="false"

tooltip=""

onclick="if(linkedscene, skin_hidetooltips()tween(scale,0.25,0.5)tween(oy,-20,0.5)tween(alpha,0,0.5)looktohotspot()loadscene(get(linkedscene),null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend))skin_updatescroll())"

onloaded="if(skin_settings.tooltips_hotspots, if(linkedscene, copy(tooltip,scene[get(linkedscene)].title)loadstyle(skin_tooltips)))"

/>

1

2

3

4

5

<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0" distorted="false"

tooltip=""

onclick="if(linkedscene, skin_hidetooltips()tween(scale,0.25,0.5)tween(oy,-20,0.5)tween(alpha,0,0.5)looktohotspot()loadscene(get(linkedscene),null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend))skin_updatescroll())"

onloaded="if(skin_settings.tooltips_hotspots, if(linkedscene, copy(tooltip,scene[get(linkedscene)].title)loadstyle(skin_tooltips)))"

/>

替换为

<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0" distorted="false"

tooltip=""

onclick="if(linkedscene, skin_hidetooltips()tween(scale,0.25,0.5)tween(oy,-20,0.5)tween(alpha,0,0.5)looktohotspot()loadscene(get(linkedscene),null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend))skin_updatescroll())"

onloaded="add_all_the_time_tooltip()"

/>

您好！根据本图效果，此效果是使用Krpano制作。（你看右键d出的菜单栏就知道，倒数第二栏）

krpano是一款强大的全景图制作工具，从全景图的合成、切片，到全景漫游的生成，Krpano的功能一应俱全。

而你观看这个全景效果的是krpano 浏览器，它可以浏览各种全景图和交互式的虚拟漫游场景，它的特点是小巧灵活，并且具有很高的性能。低版本的 krpano 浏览器主要用于 Flash 应用（桌面浏览器），随着移动互联网的普及和更多移动端浏览器支持 HTML5，高版本的 krpano 浏览器开始支持 HTML5 应用。

谢谢

---