效果:

  在缩略图上添加文本,显示缩略图名称。

方法:将皮肤中的 skin_addthumbs 方法替换为一下代码。

  1. <action name="skin_addthumbs">
  2. if(skin_settings.thumbs == false,
  3. set(layer[skin_btn_thumbs].visible,false);
  4. ,
  5. copy(thumbwidth, skin_settings.thumbs_width);
  6. copy(thumbheight, skin_settings.thumbs_height);
  7. copy(thumbpadding, skin_settings.thumbs_padding);
  8. copy(thumbcrop, skin_settings.thumbs_crop);
  9.  
  10. add(thumbxoffset, thumbwidth, thumbpadding);
  11. mul(thumbxcenter, thumbxoffset, 0.5);
  12. mul(thumbbarwidth, thumbxoffset, scene.count);
  13. add(thumbbarwidth, thumbpadding);
  14. add(thumbbarheight, thumbpadding, thumbheight);
  15. add(thumbbarheight, thumbpadding);
  16.  
  17. if(skin_settings.thumbs_scrollindicator,
  18. copy(layer[skin_thumbs_scrollindicator].y, thumbbarheight);
  19. add(thumbbarheight, layer[skin_thumbs_scrollindicator].height);
  20. );
  21.  
  22. copy(layer[skin_thumbs].height, thumbbarheight);
  23. copy(layer[skin_thumbs].width, thumbbarwidth);
  24.  
  25. mul(halfheight, thumbbarheight, 0.5);
  26. copy(layer[skin_thumbs_scrollleft].y, halfheight);
  27. copy(layer[skin_thumbs_scrollright].y, halfheight);
  28.  
  29. set(thumb_cnt,0);
  30. for(set(i,0), i LT scene.count, inc(i),
  31. txtadd(thumbname,'skin_thumb_',get(i));
  32. addlayer(get(thumbname));
  33. copy(layer[get(thumbname)].url, scene[get(i)].thumburl);
  34. set(layer[get(thumbname)].keep, true);
  35. set(layer[get(thumbname)].parent, 'skin_thumbs');
  36. set(layer[get(thumbname)].align, lefttop);
  37. copy(layer[get(thumbname)].crop, thumbcrop);
  38. copy(layer[get(thumbname)].width, thumbwidth);
  39. copy(layer[get(thumbname)].height, thumbheight);
  40. mul(thumbx, i, thumbxoffset);
  41. add(thumbx, thumbpadding);
  42. copy(layer[get(thumbname)].x, thumbx);
  43. copy(layer[get(thumbname)].y, thumbpadding);
  44. add(scene[get(i)].thumbx, thumbx, thumbxcenter);
  45. copy(scene[get(i)].thumby, thumbpadding);
  46. set(layer[get(thumbname)].linkedscene, get(scene[get(i)].name) );
  47. set(layer[get(thumbname)].onclick, copy(layer[skin_thumbborder].parent, name); loadscene(get(linkedscene),null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend)); );
  48. if(skin_settings.tooltips_thumbs,
  49. set(layer[get(thumbname)].tooltip, get(scene[get(i)].title) );
  50. layer[get(thumbname)].loadstyle(skin_tooltips);
  51. );
  52. <!-- if(skin_settings.thumbs_text,
  53. txtadd(thumbtext, 'skin_thumbtext_', get(i));
  54. addlayer(get(thumbtext));
  55. layer[get(thumbtext)].loadstyle(skin_thumbtext_style);
  56. set(layer[get(thumbtext)].keep, true);
  57. set(layer[get(thumbtext)].parent, get(thumbname));
  58. set(layer[get(thumbtext)].html, get(scene[get(i)].title));
  59. ); -->
  60. <!--START:缩略图标题-->
  61. <!--添加场景标题文字背景层-->
  62. txtadd(thumbtitlbackename,'skin_thumb_title_back',get(i));
  63. addlayer(get(thumbtitlbackename));
  64. copy(layer[get(thumbtitlbackename)].parent, thumbname);
  65. copy(layer[get(thumbtitlbackename)].width, thumbwidth);
  66. set(layer[get(thumbtitlbackename)].height, 20);
  67. copy(layer[get(thumbtitlbackename)].x, 0);
  68. copy(layer[get(thumbtitlbackename)].y, 30);
  69. set(layer[get(thumbtitlbackename)].align, "bottom");
  70. set(layer[get(thumbtitlbackename)].keep, true);
  71. set(layer[get(thumbtitlbackename)].type, "container");
  72. set(layer[get(thumbtitlbackename)].bgcolor, "0x000000");
  73. set(layer[get(thumbtitlbackename)].zorder, 50);
  74. set(layer[get(thumbtitlbackename)].bgalpha, "0.3");
  75. <!--添加标题文字层-->
  76. <!--缩略图上的标题信息删除本段就不在显示了-->
  77. if(skin_settings.tooltips_thumbs,
  78. set(layer[get(thumbname)].onhover, showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS); );
  79. );
  80. <!-- 添加标题文字层 -->
  81. txtadd(thumbtitlname,'skin_thumb_title',get(i)); addlayer(get(thumbtitlname)); copy(layer[get(thumbtitlname)].parent, thumbtitlbackename); set(layer[get(thumbtitlname)].url, "%SWFPATH%/plugins/textfield.swf"); set(layer[get(thumbtitlname)].align, "center"); set(layer[get(thumbtitlname)].keep, true); copy(layer[get(thumbtitlname)].html, scene[get(i)].title); set(layer[get(thumbtitlname)].zorder, 51); set(layer[get(thumbtitlname)].visible, "true"); set(layer[get(thumbtitlname)].autoheight, "true"); set(layer[get(thumbtitlname)].background, "false"); set(layer[get(thumbtitlname)].border, "false"); set(layer[get(thumbtitlname)].enabled, "true"); set(layer[get(thumbtitlname)].css,"text-align:center; color:#ffffff; font-family:Arial; font-weight:bold; font-size:19px; "); set(layer[get(thumbtitlname)].textshadow, 2);
  82. <!-- END:缩略图标题 -->
  83.  
  84. );
  85. );
  86.  
  87. </action>

krpano之缩略图文本添加的更多相关文章

  1. asp.net中生成缩略图并添加版权实例代码

    这篇文章介绍了asp.net中生成缩略图并添加版权实例代码,有需要的朋友可以参考一下 复制代码代码如下: //定义image类的对象 Drawing.Image image,newimage; //图 ...

  2. css之为文本添加线性渐变和外描边

    css之为文本添加线性渐变和外描边  一.效果: 描边:描边+渐变: 二.描边: api:text-stroke 问题:text-stroke的描边是居中描边,无法直接设置外描边 解决:在before ...

  3. 我的Android进阶之旅------> Android为TextView组件中显示的文本添加背景色

    通过上一篇文章 我的Android进阶之旅------> Android在TextView中显示图片方法 (地址:http://blog.csdn.net/ouyang_peng/article ...

  4. "为文本添加下划线"组件:<u> —— 快应用组件库H-UI

     <import name="u" src="../Common/ui/h-ui/text/c_tag_underline"></impor ...

  5. 关于FlexPaper 2.1.2版本 二次开发 Logo 、打印、搜索、缩略图、添加按钮、js交互、右键菜单、书签等相关问题

    2015-03-02 更新文章,由于需求修改,更改了flexpaper插件,故增加第9.10.11小节,下载代码时请注意. 先废话几句.最近用到文档在线浏览功能,之前用的是print2flash(一个 ...

  6. 【分享】JS如何为复制的Web文本添加其他信息

    看到了两篇关于这题的讨论,简单的记录一下!o(* ̄▽ ̄*)ブ 1.  stackoverflow , How to add extra info to copied web text 2.  黑客派, ...

  7. 以交互方式将文本添加到图形中(matlab)

    这篇博客记录一下怎么用matlab在图形中简单的添加一些文本,以直方图均衡化为例.先看几张图片吧,第一幅是较暗的花粉的电子显微图像和对应的直方图,第二幅是其直方图均衡化的图像和对应的直方图,第三幅是对 ...

  8. AvalonEdit 对于选定的文本添加前缀和后缀

    1: /// <summary> 2: /// 两边追加标志 3: /// </summary> 4: /// <param name="syntax" ...

  9. Ueditor富文本添加视频内容,视频不显示以及编辑富文本时,视频不显示解决方案

    问题是在添加视频时,编辑器会把视频标签<video>换成<img>.很讨厌... 1.2是解决添加视频时不显示,3是解决编辑时不显示 ueditor.all.js文件中  第7 ...

随机推荐

  1. UNIX环境高级编程 标准IO库

    标准I/O库处理很多细节,使得便于用户使用. 流和 FILE 对象 对于标准I/O库,操作是围绕 流(stream)进行的.当用标准I/O打开或创建一个文件时,我们已使一个流与一个文件相关联. 对于A ...

  2. 在CentOS 7上安装GitLab

    网上安装gitlab的方法有一堆,由于墙的原因,没有一个能安装成功,最后终于在中文版官网上面找到了RPM包可以下载,进行一键安装: 中文官网地址:http://www.gitlab.cc/ 下载地址为 ...

  3. ios 控制器的生命周期

    #pragma mark - 控制器生命周期 // 视图将要出现 - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:anima ...

  4. CF1130E Wrong Answer

    E Wrong Answer 注意到 \(n\geq 2\) 时才可能有解,可以按如下方式构造一个 \(a_{1,2\dots n}\): 令 \(a_1=-1\) ,而后面的数都为正.记 \(s=\ ...

  5. springboot项目启动之后初始化自定义配置类

    前言 今天在写项目的时候,需要再springboot项目启动之后,加载我自定义的配置类的一些方法,百度了之后特此记录下. 正文 方法有两种: 1. 创建自定义类实现 CommandLineRunner ...

  6. 《DSP using MATLAB》示例Example 8.19

    代码: %% ------------------------------------------------------------------------ %% Output Info about ...

  7. Web API的发布问题

    配置“ISAPI 和 CGI 限制”的4.0版本设置为允许,要不然出现“由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面.”的错误. “An error has ...

  8. E519: Option not supported: fileencodings

    怒转,来自http://blog.chinaunix.net/uid-10671107-id-2943841.html,感谢分享. vim中文乱码,原来是编译就除了问题,看来还不一定是不是坑爹的red ...

  9. C#封装的一个JSON操作类

    using System; using System.Collections.Generic; using System.Collections; using System.Text; using S ...

  10. 理想中的 PCB 文件格式

    理想中的 PCB 文件格式 因为平时写代码使用 git,在画 PCB 也使用 git 来管理 PCB 文件. 但是 PCB 文件是二进制的,所以在比较时非常麻烦. 虽然 PCB 文件可以导出 文本文件 ...