模板:PicHover

本模板用於圖片的hover切換效果，使用了widget:Hover。

注意

使用本模板時請檢查移動端有無顯示問題。如果不知道如何解決移動端的顯示問題，可以嘗試替換為另一模板{{TextHover|4=pic}}。

參數與實例

一共有七個參數，其中有兩個是必須的。

參數列表
參數名	是否必須	參數樣式	參數示例	參數作用
pic	是	xxx.jpg【站內圖片】	改組徽章.jpg	設置滑鼠未放置於其上時顯示的圖片
pic		http://xxx/xxx.png 或者 https://xxx/xxx.jpg…	https://vcpedia.cn/images/thumb/8/89/%E6%94%B9%E7%BB%84%E5%BE%BD%E7%AB%A0.jpg	設置滑鼠未放置於其上時顯示的圖片
hover		xxx.png【站內圖片】	Logo pixel 150px.png	設置滑鼠放置於其上時顯示出的圖片
hover		http://xxx/xxx.png …	https://vcpedia.cn/images/b/ba/Logo_pixel_150px.png	設置滑鼠放置於其上時顯示出的圖片
width	否，默認為空	xxx【數字】	150	設置顯示的圖片寬度
height	否，默認為空	xxx【數字】	150	設置顯示的圖片高度
float	否，默認為none	left / right		讓圖片浮動起來~
text	否，默認為空	【任意文字】	VCPedia	添加一個邊框以及帶有【text】內容的標題框
link	否，默認為空	【任意頁面名】	首頁	使得內鏈圖片能夠連結到頁面

於是完整的代碼實例如下：

{{PicHover|pic=改组徽章.jpg|hover=Logo pixel 150px.png}} //最简
{{PicHover
|pic=https://vcpedia.cn/images/thumb/8/89/%E6%94%B9%E7%BB%84%E5%BE%BD%E7%AB%A0.jpg
|hover=https://vcpedia.cn/images/b/ba/Logo_pixel_150px.png
|width=150
|height=180
|float=right
|text=VCPedia
|link=首页
}} //最多

顯示效果：

VCPedia

合併

圖像模板

幫助:上傳圖片 • 幫助:圖像 • 幫助:外部圖像 • 幫助:Imagemap

常規 / 未分組

多功能{{Image}}^{[模板注 1]} • {{背景圖片}} • {{背景圖片區域}} • {{替換側邊欄底圖}} • {{Emoji}}^{[模板注 2]} • 懸浮切換{{PicHover}} • {{蒙版圖片}} • {{像素圖}} • {{Svg}}

裁剪 / 雪碧圖
^{[模板注 3]}

{{連結圖組}} • {{Image/banner}} • {{Image-clip}} • {{Sprites}}

圖像排版

{{並列圖片}} • {{Multiple image}} • {{Image frame}} • 畫廊{{Gallery}}^{[模板注 4]} • 附帶說明{{Plain image with caption}} • {{圖注}} • 適應容器{{Fit-image}} • {{Boxed-image}} • 頭像+名字{{NavChara}}^{[模板注 5]} • 豎直滾動{{Tall image}} • 水平滾動{{Wide image}} • 圖片輪播{{ActivityBanner}} • {{遊戲場景展示}}

外部圖像
^{[模板注 6]}

{{外部圖片注釋}} • {{圖片外鏈}} • {{Outer image}}

維護

{{FileLink}}^{[模板注 7]} • {{UseImg}}^{[模板注 8]}

展開

注釋

展開

格式模板

排版

元素浮動	浮動{{Float}} • 清除浮動{{Clear}} • 修改浮動方向{{Clear2}} • 多行{{Stack}}{{Stack begin}}{{Stack end}} • {{Flex}}

分欄	內聯{{Columns-list}} • 多行{{Multicol}}{{Multicol-break}}{{Multicol-end}}

對齊	向下對齊{{Bottom}} • 水平居中{{Center}}

特殊字符	文字連接符{{Wj}}/`⁠` • 零寬空格{{Zwsp}}/`` • 不換行空格{{Nbsp}}/` `

表格	{{Table}} • 單列統一樣式{{Table column style}}

書寫方向	修改書寫方向{{Writing-mode}} • 豎排文本{{VText}} • 豎排頁面{{Tategaki}} • 鏡像文本{{鏡像}}

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

顏色

文字顏色	標準{{Color}} • 連結{{Coloredlink}} • 帶顏色的日文{{Cj}}

背景顏色	文字背景色{{Background color}} • 螢光筆效果{{螢光筆}} • {{背景圖片區域}}

文字及背景顏色	行內文字顏色{{Color2}} • 自動化彩幕{{彩幕}} • 高亮文字^含上標{{高亮文字}}

交叉顏色	{{交叉顏色}} • {{交叉顏色F}} • {{交叉顏色護眼版}} • {{Rainbow}}

陰影	{{Shadowcolor}} • {{交叉陰影}}

漸變	{{Gradient Text}} • {{Linear-gradient}} • {{Rainbow text}}

顏色塊	{{Color block}} • {{Color block/wl}} • {{CharaBlock}}

顏色操作	顏色計算{{ColorOps}} • 「色相·色度·明度」色彩空間{{Hct}}

格式

字體	Emoji{{Emojifont}}

文字樣式	全功能{{Font}} • 邊框{{Border}}{{文字框}} • 代碼格式化{{Pre}}{{Code}} • 強調{{Text-emphasis}} • 上劃線{{上劃線}} • 文字描邊{{文字描邊}} • 文字描邊2{{文字描邊2}} • 文字外發光{{文字外發光}}{{文字外發光/stroke}}{{漸變發光}}

假樣式	{{假黑幕}} • {{假鏈}} • {{Falselink}} • {{假摺疊}}

格式化	不可見0{{0}} • 交替文本{{Crosstext}} • 空格生成/重複文字{{Space}} • 填充空間/占位{{Pad}}{{Padding}} • 小數捨入/補零{{Strformat}}

梗	自動化黑幕 {{黑幕}} • ~~灰色刪除線~~ {{胡話}} • 模糊文字{{文字模糊}}

注音

Ruby系列	標準{{Ruby}} • 黑幕{{Rubyh}} • 多行{{Ruby-begin}}{{Ruby-item}}{{Ruby-end}} • 單字{{Rubya}} • 簡化版{{RawRuby}}

其它	可開關注音{{Photrans}}{{Photrans2}} • 逐詞可開關注音{{Photransa}} • {{日本人名}} • 國際音標{{IPA}}

其它

定型文	{{配音表}} • {{提問箱}} • {{UnicodeTable}}

連結及分類相關	內鏈分類{{Cate}}{{萌點}} • 名字分類{{Catn}} • ISBN連結{{ISBN}} • 隱藏紅鏈{{Link}} • 無標記外鏈{{Plain link}} • 可變色連結{{Coloredlink}} • 連結語言標識{{Languageicon}}

導航框	導航框組件{{Navbox}}{{Navbox subgroup}}{{Navbox with columns}}{{Navbox with collapsible groups}}{{Navbar}} • 大家族簡易模板{{大家族}}{{大家族模板子項}}{{大家族內容行}}{{Linksplit}} • 橫向列表{{Hlist}}

注釋	來源請求{{Citation needed}} • 已故人物{{Dead}}{{已故人物標註}} • 上標{{Supt}} • 分級標誌{{遊戲分級}}/{{電影分級}} • 適齡提示標誌{{適齡提示}} • 引言{{Cquote}}{{Quote frame}} • 附註{{Ps}}

注意

參數與實例

導覽選單

搜尋