2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

模板:PicHover

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

本模板用於圖片的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=萌百娘
}} //最多

顯示效果:

ZhMoegirl15.2.png
Zh2014 moegirlpedia logo.png
MoegirlPedia