模板:Multiple image

模板文檔 [查看] [] [歷史] [刷新]

此模板使用Lua語言：

Module:Multiple image

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

語法

{{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 =各種各樣的[[死庫水]]，從左上角開始，沿順時針方向，分別為舊式，新式，競賽式和分體式。
}}