模板:Multiple image

模板文檔  

這個文檔嵌入自Template:Multiple image/doc。

本模板能生成一個包含垂直或水平排列多個圖片的畫框。

語法

{{multiple image|caption_align=center
<!-- 基本参数 -->
| align     = <!-- 画框浮动位置：right (默认), left, center, none --> 
| direction = <!-- 图片排列方向：horizontal (左右横向排列，默认), vertical (上下纵向排列) -->
| background color  = <!-- 画框背景颜色 -->

<!-- 顶部标题 -->
| header_background = 
| header_align = <!-- 文字浮动位置：center (默认), left, right -->
| header       = <!-- 标题文字内容 -->

<!-- 图像相关 -->
| width    = <!-- 图片统一宽度 (填数字即可，省略后缀" px ")，这将会覆盖下方出现的"width[n]"参数 -->
     <!-- image 1 -->
| image1   = <!-- 直接填文件名，省略前缀" File "或" image " -->
| width1   = 
| alt1     = 
| link1    = 
| caption1 = <!-- 图片下方说明 -->
     <!-- image 2 -->
| image2   = <!-- 填文件名即可，同上 -->
| width2   = 
| alt      = 
| link2    = 
| caption2 =
<!-- 以此类推，最多添加10个项目 (image10) -->

<!-- 底部文字 -->
| footer_background = 
| footer_align = <!-- 文字浮动位置：left (默认), center, right -->
| footer       = <!-- 底部文字内容 -->
}}

範例

可可蘿的四大技能。

{{multiple image
| width = 60
| image1 = Prin Cone HPRecover.png
| alt1 = 极光
| image2 = Prin_Cone_Sword.png
| alt2 = 三连击
| image3 = Prin_Cone_Strong.png
| alt3 = 三速度上升
| image4 = Prin_Cone_Arm.png
| alt4 = 精灵的启示
| footer = [[枣可萝|可可萝]]的四大技能。
}}

畫框靠左，圖片縱向排列

PNG 透明度示範

具有8位元透明度圖層的PNG圖像……

……這裏覆蓋一個方格的背景。

{{multiple image
| align = left
| direction = vertical
| width = 200
| header = PNG 透明度示範
| image1 = PNG transparency demonstration 1.png
| alt1 = 彩色骰子加白色背景
| caption1 = 具有8位透明度圖層的PNG圖像……
| image2 = PNG transparency demonstration 2.png
| alt2 = 彩色骰子加方格背景
| caption2 = ……這裡覆蓋一個方格的背景。
}}

使用background color

芳文跳

{{multiple image
| background color = #36D0FF
| width = 160
| image1 = 芳文跳 轻音少女.png
| alt1 = 轻音少女
| image2 = 向阳素描×☆☆☆_芳文跳.png
| alt2 = 向阳素描
| image3 = 芳文跳_黄金拼图.png
| alt3 = 黄金拼图
| footer_background = #36D0FF
| footer_align = center
| footer =[[芳文跳]]
}}

使用連結 (link[n])

大發動艇

三張圖片的連結演示，第一張連結到艦隊Collection:大發動艇，第二張無連結，第三張連結到圖片預覽。

{{multiple image
| align = left

| image1 =068a.png
| width1 = 150
| alt1 = 大发动艇
| link1 = 舰队Collection:大发动艇
| caption1 = <center> 大发动艇</center>

| image2 = Kc_166a.png
| width2 = 150
| alt2 = 大发动艇(八九式中战车&陆战队)
| link2 = 
| caption2  =<center> 大发动艇(八九式中战车&陆战队)</center>

| image3 = Pixiv_59993285.jpg
| width3 = 150
| alt3 = 大发动艇二次创作
| caption3  = <center> 大发动艇(八九式中战车&鸭子队)</center>
| footer = 三张图片的链接演示，第一张链接到[[舰队Collection:大发动艇]]，第二张无链接，第三张链接到图片预览。
}}

多行

如要將圖片分置於多行，你可以使用|perrow=參數。

• 若填入一個數值，將會統一定義所有行內圖片的數量；
• 若使用 / 隔開的多個數值，將會分別定義每一行的圖片數量。

統一定義所有圖片的高度，請使用 |total_width= 參數，並填入數字。

各種各樣的死庫水，從左上角開始，沿順時針方向，分別為舊式，新式，競賽式和分體式。

{{multiple image|perrow = 2|total_width=300
| image1 = Pixiv_51872985.jpg
| image2 = Pixiv_58132562.png
| image3 = Pixiv_65682005.jpg
| image4 = Pixiv_11112249.jpg
| footer =各种各样的[[死库水]]，从左上角开始，沿顺时针方向，分别为旧式，新式，竞赛式和分体式。
}}

背景顏色

{{并列图片
 | image1    = Kizuna Ai01.png
 | caption1  = Kizuna AI
 | width1 = 98
 | image2    = Kaguya Luna Official.jpg
 | caption2  = 辉夜月
 | width2 = 160
 | image3    = MiraiAkari2.png
 | caption3  = Akari
 | width3 = 104
 | image4    = Computer Girl Siro.jpg
 | caption4  = 小白
 | width4 = 159
 | image5    = Mikoko Nekomasu.jpg
 | caption5  = 狐娘大叔
 | width5 = 151
 | footer    = 虚拟Youtuber四天王
 | footer_background= #F88
 | background color= #F88
 | footer_align = center
}}

Kizuna AI

輝夜月

Akari

小白

狐娘大叔

虛擬Youtuber四天王

重新導向頁

{{多圖}}、{{並列圖片}}

參見

• {{Gallery}}
• {{Image frame}}