使用MW：图片

来自Wikioe
跳到导航 跳到搜索


无格式图片

无格式图片命令，插入的图片和原始上传图片大小一样。图片放置的位置是任意的，并且文本不会浮动（环绕四周）。
图片位置取决于图片命令的位置。

[[File:wiki.png|维基百科徽标]]

维基百科徽标海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，维基百科徽标有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。维基百科徽标

标题

图片常常需要一个标题来进行描述，这时就需要使用框架将它们框起来。
未设置框架时，鼠标悬浮于图片上时，会显示图片名称。 

[[File:wiki.png|frame|维基百科]]
维基百科

海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。

浮动

指定图片放置的位置（左、右、嵌入等），并使文本浮动（环绕四周）于图片。

左对齐，浮动

[[File:wiki.png|left|维基百科徽标]]
维基百科
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。

右对齐，浮动

[[File:wiki.png|right|维基百科徽标]]
维基百科
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。

居中，不浮动

[[File:wiki.png|center|维基百科徽标]]
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。
维基百科
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。

不浮动

[[File:wiki.png|none|维基百科徽标]]
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。
维基百科
海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。海纳百川，有容乃大。维基百科，自由的百科全书。

缩略图

缩略图会将图片框起来，并在右下角显示一个放大的标记。缩略图也可以指定图片的标题. 

[[File:wiki.png|thumb|维基百科徽标]]
维基百科

海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。

大小

宽度

如调整图片宽100像素： 

[[File:wiki.png|100px]]
Wiki.png

高度

使图片等比缩放至指定的高度，在指示大小的代码中，我们需要在相应的大小前面加个x。
如调整图片高500像素： 

[[File:wiki-svg.svg|x500px]]
Wiki-svg.svg
Note：.svg为矢量图，可无损缩放。

避免堆积

图像浮动时常有多幅图片水平地“堆积”在一起，可在图像后加入“<br style="clear:both;">”或{{Clear}}解决。

联合对齐相似图片

经常会有两幅从逻辑上讲需要归于一组的相似图片。为做到这一点，需要加入一些html标记： 

<div style="float:right;width:315px;">
[[File:wiki.png|none|thumb|300px|维基百科徽标]]

[[File:wikimedia.png|right|thumb|200px|维基媒体基金会徽标]]
</div>
维基百科徽标
维基媒体基金会徽标

维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。

维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。

维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。维基媒体基金会。

水平对齐两幅图像

[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|none|thumb|300px|维基百科徽标]]
维基百科徽标
维基百科徽标


表格结构图像

{|
|-
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
| [[File:wiki.png|none|thumb|300px|维基百科徽标]]
|}
维基百科徽标
维基百科徽标

左对齐直接堆积

[[File:wiki.png|left|thumb|300px|维基百科徽标]]
[[File:wiki.png|left|thumb|300px|维基百科徽标]]
{{clear}}
维基百科徽标
维基百科徽标

其中，{{clear}}是为了防止后面的文字直接显示在图片旁。

左右交替浮动

左右交替浮动使得两幅图片不会互相干扰，更不会叠加在一起。 

[[File:wiki.png|thumb|150px|right|維基百科徽標]]
[[File:wikimedia.png|left|thumb|150px|維基媒體基金會徽標]]
維基百科徽標
維基媒體基金會徽標

海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。 海纳百川，有容乃大。维基百科，自由的百科全书。

强迫换行

最后的手段是强迫浏览器加一空白行，令所有文字和图片都在第一幅图片之下出现，但图片旁的文字之下可能会出现唐突的空白。且根据浏览器、显示屏分辨率、默认的文字大小、浏览器上工具栏的数目等不同设置，都可能影响文本如何浮动和环绕图片。
好处：简单、图片会根据画面大小换行。
亦可以使用Template:Stack达至相近的效果。 

<br style="clear:both;">

或是 

 {{-}}</pre /> 
[[File:wiki.png|thumb|300px|right|維基百科徽標]]
<span style="color:#808080; font-size:90%">
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
</span>
<br style="clear:both;" />
[[File:wikimedia.png|right|thumb|200px|維基媒體基金會徽標]]
<span style="color:#808080; font-size:90%">
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
海纳百川，有容乃大。维基百科，自由的百科全书。
</span>
<br style="clear:both;" />

=== 圖片集 ===
====維基標記語言和[[層疊樣式表]]（CSS）====
要在圖片集展示一系列圖片，一個簡單的方法是使用維基標記語言和[[层叠样式表]]（CSS）：讓所有圖片靠左浮動，並在其後清除靠左浮動的設定，以免圖片在圖片集以後的內容中出現。

<pre>

[[File:wiki.png|128px|thumb|left|維基百科徽標1]]
[[File:wiki.png|128px|thumb|left|維基百科徽標2]]
[[File:wiki.png|128px|thumb|left|維基百科徽標3]]
[[File:wiki.png|128px|thumb|left|維基百科徽標4]]
[[File:wiki.png|128px|thumb|left|維基百科徽標5]]
[[File:wiki.png|128px|thumb|left|維基百科徽標6]]
<br style="clear: left" />

<gallery>标记

<gallery>标记用于创建图片集。 

<gallery>
File:wiki.png|維基百科徽標1
File:wiki.png|維基百科徽標2
File:wiki.png|維基百科徽標3
File:wiki.png|維基百科徽標4
File:wiki.png|維基百科徽標5
File:wiki.png|維基百科徽標6
File:wiki.png|維基百科徽標7
File:wiki.png|維基百科徽標8
</gallery>

好处：简单方便、图片之间没有浪费空间。
坏处：图片不会根据画面大小换行、不能设置图片大小。
可以在mw:Help:Images#Gallery_syntax的帮助文档中获得更加详细的内容。

  • 維基百科徽標1

  • 維基百科徽標2

  • 維基百科徽標3

  • 維基百科徽標4

  • 維基百科徽標5

  • 維基百科徽標6

  • 維基百科徽標7

  • 維基百科徽標8

让图片集整体居中显示的方法，在表格中嵌套使用<gallery>： 

{| align=center border=1
|- 
| <gallery>
File:wiki.png|维基百科徽标1
File:wiki.png|维基百科徽标2
File:wiki.png|维基百科徽标3
File:wiki.png|维基百科徽标4
File:wiki.png|维基百科徽标5
File:wiki.png|维基百科徽标6
File:wiki.png|维基百科徽标7
File:wiki.png|维基百科徽标8
File:wiki.png|维基百科徽标9
</gallery>
|}

  • 维基百科徽标1

  • 维基百科徽标2

  • 维基百科徽标3

  • 维基百科徽标4

  • 维基百科徽标5

  • 维基百科徽标6

  • 维基百科徽标7

  • 维基百科徽标8

  • 维基百科徽标9

标签参数

<gallery>支持标签内添加参数，如 

<gallery {parameters}>
{images}
</gallery>

参数列表如下：

MediaWiki版本要求：showfilename需1.17+，mode=*需1.22+，mode=slideshow需1.28+。
参数 说明
caption="{标题，可以有空格}" 画廊标题
widths={宽度值}px 设定图像图像宽度，默认120px
heights={高度值}px 设定图像最大高度
perrow={任何整数} 设定每行显示图像数
showfilename={任何值} 设定后即显示每个图像的文件名
nolines|packed|packed-hover|packed-overlay|slideshow} 设定照片显示的模式 
packed-hover：焦点在照片上可见
packed-overlay：焦点在照片上永远可见
slideshow：以幻灯形式显示照片

示例： 

<gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试">
File:Example.svg|10
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
File:Example.svg|222阿萨达
</gallery>

全景图

使用模板{{Wide image}}来显示全景图： 

{{Wide image|图像名称|宽度|描述}}

例子：{{wide image|Gu Kaizhi 001.jpg|2000px|顾恺之所作《女史箴图》摹本，现藏于大英博物馆。}}
脚本错误：没有“Wide image”这个模块。

链接但不显示

  1. 链接到图片但不显示。 
    • [[Media:wiki.png]]
  2. 链接到wiki图像页（包含何人、何时上传及著作权信息等资料）。 
    • [[:File:wiki.png]]

图片示例： 

1、[[Media:wiki.png|这是维基百科徽标]]<br/>
2、[[:File:wiki.png|这个链接直接连到标志的图像页]]

1、这是维基百科徽标
2、这个链接直接连到标志的图像页

相关模板

  • {{Frame}}：同图片的Frame效果，但可指定图片大小。
  • {{Image label}}：可在图片上添加文字。另可参考mw:Extension:ImageMap。
  • {{2images}}：在同一图片框中水平横向并排显示两幅图片，图片较多时方便排版。
  • {{并列图像}}：在同一图片框内显示二至六张图片，可选择横向或纵向，图片较多时方便排版。
取自“http://wiki.eijux.com/index.php?title=使用MW：图片&oldid=5453”