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

模板:Multiple image

来自萌娘百科
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

本模板能生成一个包含垂直或水平排列多个图片的画框。

语法

{{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 =各种各样的[[死库水]],从左上角开始,沿顺时针方向,分别为旧式,新式,竞赛式和分体式。
}}

重定向页

{{多图}}、{{并列图片}}

参见