模板:PicHover/doc

本模板用于图片的hover切换效果，使用了widget:Hover。

注意

使用本模板时请检查移动端有无显示问题。如果不知道如何解决移动端的显示问题，可以尝试替换为另一模板{{TextHover}}。

参数与实例

一共有七个参数，其中有两个是必须的。

参数列表
参数名	是否必须	参数样式	参数示例	参数作用
pic	是	xxx.png【站内图片】	File:2020_yukimiku01.jpg	设置鼠标未放置于其上时显示的图片
pic		http://xxx/xxx.png 或者 https://xxx/xxx.jpg…	https://voca.wiki/File:2020_yukimiku01.jpg	设置鼠标未放置于其上时显示的图片
hover		xxx.png【站内图片】	2020_yukimiku02.jpg	设置鼠标放置于其上时显示出的图片
hover		http://xxx/xxx.png …	https://voca.wiki/File:2020_yukimiku02.jpg	设置鼠标放置于其上时显示出的图片
width	否，默认为空	xxx【数字】	150	设置显示的图片宽度
height	否，默认为空	xxx【数字】	150	设置显示的图片高度
float	否，默认为none	left / right		让图片浮动起来~
text	否，默认为空	【任意文字】	SNOW MIKU	添加一个边框以及带有【text】内容的标题框
link	否，默认为空	【任意页面名】	雪未来	使得内链图片能够链接到Vocawiki页面

于是完整的代码实例如下：

{{PicHover
|pic=https://voca.wiki/File:2020_yukimiku01.jpg
|hover=https://voca.wiki/File:2020_yukimiku02.jpg
|width=150
|height=180
|float=right
|text=SNOW MIKU
|link=雪未来
}} //最多

显示效果：

SNOW MIKU

图像模板

常规 / 未分组

多功能{{Image}} • {{背景图片}} • {{背景图片区域}} • {{替换侧边栏底图}} • 悬浮切换{{PicHover}} • {{蒙版图片}} • {{像素图}} • {{Svg}}

裁剪 / 雪碧图
^{[模板注 1]}

{{链接图组}} • {{Image-clip}}

图像排版

{{Multiple image}} • 画廊{{Gallery}} • 头像+名字{{NavChara}} • 水平滚动{{Wide image}} • 图片轮播{{ActivityBanner}}

外部图像
^{[模板注 2]}

{{外部图片注释}} • {{图片外链}} • {{Outer image}}

维护

{{UseImg}}^{[模板注 3]}

注释

↑ 雪碧图/精灵图（Sprites）：将多个小图片集中到一张图片中，使用时裁剪，可减少请求次数、加快加载速度。 ↑ 不在此分组的模板也可能能够调用外部图像。不推荐大量使用外部图像，如果需要长期使用，请将图像上传到共享站。 ↑ 保证以外链形式调用内部图像被系统标记为正在使用。

帮助:外部图像

格式模板

排版

元素浮动	浮动{{Float}} • 清除浮动{{Clear}} • 多行{{Stack}}{{Stack begin}}{{Stack end}} • Plate {{Plate}}

分栏	内联{{Columns-list}} • 多行{{Multicol}}{{Multicol-break}}{{Multicol-end}}

对齐	水平居中{{Center}}

特殊字符	文字连接符{{Wj}}/`⁠`

表格	{{Table}}

书写方向	修改书写方向{{Writing-mode}} • 竖排页面{{Tategaki}}

悬停效果	{{Moe-hover}} • {{Hover}} • {{HoverInline}} • {{Hovers}} • {{TextHover}} • {{PicHover}}

颜色

文字颜色	标准{{Color}} • 链接{{Coloredlink}} • 带颜色的日文{{Cj}}

背景颜色	文字背景色{{Background color}} • 荧光笔效果{{荧光笔}} • {{背景图片区域}}

文字及背景颜色	行内文字颜色{{BfColor}} • 自动化彩幕{{彩幕}} • 高亮文字^含上标{{高亮文字}}

交叉颜色	{{交叉颜色}} • {{交叉颜色F}}

阴影	{{Shadowcolor}}

渐变	{{Gradient Text}} • {{Linear-gradient}} • {{Rainbow text}}

颜色块	{{Color block}} • {{Color block/wl}} • {{CharaBlock}}

颜色操作	颜色计算{{ColorOps}} • “色相·色度·明度”色彩空间{{Hct}} • {{Autocolor}}

格式

字体	Emoji{{Emojifont}}

文字样式	全功能{{Font}} • 边框{{Border}} • 强调{{着重号}} • 文字描边{{文字描边}} • 文字描边2{{文字描边2}} • 文字外发光{{文字外发光}}{{文字外发光/stroke}}{{渐变发光}} • 倾斜文本 {{倾斜文本}}

假样式	{{假黑幕}} • {{假链}}

格式化	不可见0{{0}} • 交替文本{{Crosstext}} • 空格生成 / 重复文字{{Space}} • 填充空间 / 占位{{Pad}}

梗	自动化黑幕 {{黑幕}} • ~~灰色删除线~~ {{胡话}} • 模糊文字{{文字模糊}}

注音

Ruby系列	标准{{Ruby}} • 黑幕{{Rubyh}} • 单字{{Rubya}}

其它	可开关注音{{Photrans}}{{Photrans2}} • 逐词可开关注音{{Photransa}} • {{日本人名}} • 国际音标{{IPA}} • 日文句段注音{{振假名}}

其它

链接及分类相关	ISBN链接{{ISBN}} • 隐藏红链{{Link}} • 无标记外链{{Plain link}} • 换色链接{{Coloredlink}} • 链接语言标识{{Languageicon}}

导航框	导航框组件{{Navbox}}{{Navbox subgroup}}{{Navbox with columns}}{{Navbox with collapsible groups}}{{Navbar}} • 横向列表{{links}}{{Linksplit}}{{Hlist}}

注释	来源请求{{Citation needed}} • 已故人物{{Dead}}{{已故人物标注}} • 上标{{Supt}} • 引言{{Cquote}}{{Quote}} • 附注{{Ps}} • 注解^(注){{注解}}