简述
- 按照你的漫游的场景自动生成非常漂亮的滚动缩略图。
- 这个插件可以对场景进行分组，当你有很多场景的时候，这个功能非常有用。
- 在桌面以及手机和平面设备中无缝使用。
- 需要krpano1.17以上的textfield、scrollarea以及Tooltip（自身包含）插件。
- 提供核心源代码！适合二次开发！
使用方法
复制plugins文件夹和assets文件夹到根目录下。
在你的主xml文件中嵌入xml文件：
|
1 2 |
<include url="plugins/auto_thumbs.xml" /> <include url="plugins/tooltip.xml" /> |
就这么简单！这样就会有一系列缩略图显示在屏幕左下角。
如果要分组，则每一个分组的第一个scene需要定义album属性。这样这个分组会包含这个scene以及下一个含有album属性的scene之间的所有场景。
例如，定义两组场景，每组场景含有2个场景。
|
1 2 3 4 |
<scene title="Scene 1 title" album="Album 1 title" ... <scene title="Scene 2" ... <scene title="Scene 3 title" album="Album 2 title" ... <scene title="Scene 4" ... |
设置
下面是可以设置的值及其默认值。
|
1 2 3 4 5 6 7 8 9 10 |
<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
缩略图与屏幕边缘的距离。 - albums_right
针对分组版本，定义次级场景与主场景缩略图的距离。 - onstart
在插件开始时执行的动作。
查看效果
xml源码
|
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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<krpano onstart="loadscene(get(scene[0].name), null, MERGE);"> <include url="%SWFPATH%/plugins/auto_thumbs.xml" /> <include url="%SWFPATH%/plugins/tooltip.xml" /> <scene name="scene_10" title="Piscina exterior y fachada" thumburl="panos/10.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/10.tiles/preview.jpg" /> </scene> <scene name="scene_9" title="Recepción" thumburl="panos/9.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/9.tiles/preview.jpg" /> </scene> <scene name="scene_14" title="Patio interior del hotel" thumburl="panos/14.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/14.tiles/preview.jpg" /> </scene> <scene name="scene_17" title="Spa, sauna seco, gimnasio y piscina interior" thumburl="panos/17.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/17.tiles/preview.jpg" /> </scene> <scene name="scene_2" title="Habitación" thumburl="panos/2.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/2.tiles/preview.jpg" /> </scene> <scene name="scene_1" title="Living" thumburl="panos/1.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/1.tiles/preview.jpg" /> </scene> <scene name="scene_3" title="River Suite - Toilette" thumburl="panos/3.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/3.tiles/preview.jpg" /> </scene> <scene name="scene_7" title="Habitación" thumburl="panos/7.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/7.tiles/preview.jpg" /> </scene> <scene name="scene_8" title="Toilette" thumburl="panos/8.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/8.tiles/preview.jpg" /> </scene> <scene name="scene_12" title="River Loft II - Toilette" thumburl="panos/12.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/12.tiles/preview.jpg" /> </scene> <scene name="scene_15" title="Terraza" thumburl="panos/15.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/15.tiles/preview.jpg" /> </scene> <scene name="scene_18" title="Interior" thumburl="panos/18.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/18.tiles/preview.jpg" /> </scene> </krpano> |
带分组模式
|
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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<krpano onstart="loadscene(get(scene[0].name), null, MERGE);"> <include url="%SWFPATH%/plugins/auto_thumbs.xml" /> <include url="%SWFPATH%/plugins/tooltip.xml" /> <scene album="Áreas comunes" name="scene_10" title="Piscina exterior y fachada" thumburl="panos/10.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/10.tiles/preview.jpg" /> </scene> <scene name="scene_9" title="Recepción" thumburl="panos/9.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/9.tiles/preview.jpg" /> </scene> <scene name="scene_14" title="Patio interior del hotel" thumburl="panos/14.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/14.tiles/preview.jpg" /> </scene> <scene name="scene_17" title="Spa, sauna seco, gimnasio y piscina interior" thumburl="panos/17.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/17.tiles/preview.jpg" /> </scene> <scene album="River Suite" name="scene_2" title="Habitación" thumburl="panos/2.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/2.tiles/preview.jpg" /> </scene> <scene name="scene_1" title="Living" thumburl="panos/1.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/1.tiles/preview.jpg" /> </scene> <scene name="scene_3" title="River Suite - Toilette" thumburl="panos/3.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/3.tiles/preview.jpg" /> </scene> <scene album="River Loft" name="scene_7" title="Habitación" thumburl="panos/7.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/7.tiles/preview.jpg" /> </scene> <scene name="scene_8" title="Toilette" thumburl="panos/8.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/8.tiles/preview.jpg" /> </scene> <scene name="scene_12" title="River Loft II - Toilette" thumburl="panos/12.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/12.tiles/preview.jpg" /> </scene> <scene album="Super Loft" name="scene_15" title="Terraza" thumburl="panos/15.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/15.tiles/preview.jpg" /> </scene> <scene name="scene_18" title="Interior" thumburl="panos/18.tiles/thumb.jpg" > <view fovmin="50" fovmax="110" /> <preview url="panos/18.tiles/preview.jpg" /> </scene> </krpano> |