模板: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}} • 註解^(註){{註解}}