模板:PicHover/doc
跳至導覽
跳至搜尋
本模板用於圖片的hover切換效果，使用了widget:Hover。
注意
使用本模板時請檢查移動端有無顯示問題。如果不知道如何解決移動端的顯示問題，可以嘗試替換為另一模板{{TextHover|4=pic}}。
參數與實例
一共有七個參數，其中有兩個是必須的。
| 參數名 | 是否必須 | 參數樣式 | 參數示例 | 參數作用 |
|---|---|---|---|---|
| pic | 是 | xxx.png【站內圖片】 | ZhMoegirl15.2.png | 設置滑鼠未放置於其上時顯示的圖片 |
| http://xxx/xxx.png 或者 https://xxx/xxx.jpg… | https://img.moegirl.org.cn/common/2/21/ZhMoegirl15.2.png | |||
| hover | xxx.png【站內圖片】 | Zh2014 moegirlpedia logo.png | 設置滑鼠放置於其上時顯示出的圖片 | |
| http://xxx/xxx.png … | https://img.moegirl.org.cn/common/f/fd/Zh2014_moegirlpedia_logo.png | |||
| width | 否，默認為空 | xxx【數字】 | 150 | 設置顯示的圖片寬度 |
| height | 設置顯示的圖片高度 | |||
| float | 否，默認為none | left / right | 讓圖片浮動起來~ | |
| text | 否，默認為空 | 【任意文字】 | MoegirlPedia | 添加一個邊框以及帶有【text】內容的標題框 |
| link | 【任意頁面名】 | User:萌百娘 | 使得內鏈圖片能夠連結到萌百頁面 | |
於是完整的代碼實例如下：
{{PicHover|pic=ZhMoegirl15.2.png|hover=Zh2014 moegirlpedia logo.png}} //最简
{{PicHover
|pic=https://img.moegirl.org.cn/common/2/21/ZhMoegirl15.2.png
|hover=https://img.moegirl.org.cn/common/f/fd/Zh2014_moegirlpedia_logo.png
|width=150
|height=180
|float=right
|text=MoegirlPedia
|link=萌百娘
}} //最多
顯示效果：
MoegirlPedia
| ||||||||||||||||||||||||||||