置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板: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