Chiyansama(留言 | 貢獻) 無編輯摘要 |
Chiyansama(留言 | 貢獻) 無編輯摘要 |
||
第3行: | 第3行: | ||
这是一篇指导如何在有兽档案馆的条目中使用维基格式来插入图片的指南。 |
这是一篇指导如何在有兽档案馆的条目中使用维基格式来插入图片的指南。 |
||
如果您需要知道如何上传图像,或者怎样为条目选择适合的图像,请参照[[:File: |
如果您需要知道如何上传图像,或者怎样为条目选择适合的图像,请参照[[:File:License Guide (zh-hans).svg|图像使用守则]]。 |
||
请注意,在为一篇条目添加图像前,您需要编辑图像描述页来解释图像的来源,并清楚地说明图像的版权信息。 |
请注意,在为一篇条目添加图像前,您需要编辑图像描述页来解释图像的来源,并清楚地说明图像的版权信息。 |
||
第154行: | 第154行: | ||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
</span> |
</span> |
||
[[File:Qiuwen Baike.svg|无|有兽档案馆文字标志]] |
|||
[[File:有兽档案馆文字标志.svg]] |
|||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
第189行: | 第191行: | ||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
</span> |
</span> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|frame|此圖為有兽档案馆文字标志]] |
||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
第213行: | 第215行: | ||
==缩略图== |
==缩略图== |
||
缩略图会将图片框起来,并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题 |
缩略图会将图片框起来,并在右下角显示一个放大的标记。这是一个让用户知道一个尺寸更大的版本的好方法。缩略图也让我们可以指定图片的标题 |
||
'''[[File:有兽档案馆文字标志.svg|thumb|有兽档案馆文字标志<nowiki>]]</nowiki>''' |
'''[[File:有兽档案馆文字标志.svg|thumb|有兽档案馆文字标志<nowiki>]]</nowiki>''' |
||
第225行: | 第227行: | ||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
</span> |
</span> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|缩略图|有兽档案馆文字标志]] |
||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
第253行: | 第255行: | ||
维基格式支持自动调整大小;换言之,当贡献者上传了某一大小的图片后,当其他人查看条目时,图片会自动调整为指定的大小。 |
维基格式支持自动调整大小;换言之,当贡献者上传了某一大小的图片后,当其他人查看条目时,图片会自动调整为指定的大小。 |
||
===调整宽度=== |
===调整宽度=== |
||
例如,我们需要图片宽100 |
例如,我们需要图片宽100像素: |
||
'''<nowiki>[[File:有兽档案馆文字标志.svg|64px]]</nowiki>''' |
'''<nowiki>[[File:有兽档案馆文字标志.svg|64px]]</nowiki>''' |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px]] |
||
在典型的支持图片的浏览器中,若用户将鼠标移至图片上,将显示“64px”的提示字样;而在文本浏览器中,“64px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它,如下: |
在典型的支持图片的浏览器中,若用户将鼠标移至图片上,将显示“64px”的提示字样;而在文本浏览器中,“64px”会在图片的位置显示出来。我们可以通过指定交替文本来改变它,如下: |
||
'''[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志<nowiki>]]</nowiki>''' |
'''[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志<nowiki>]]</nowiki>''' |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|求闻百科标识]] |
||
如果要使之变成500像素宽: |
如果要使之变成500像素宽: |
||
'''[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志<nowiki>]]</nowiki>''' |
'''[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志<nowiki>]]</nowiki>''' |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|求闻百科标识]] |
||
通常這些過大的圖片都不應該放置在條目內文裡,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。 |
通常這些過大的圖片都不應該放置在條目內文裡,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。 |
||
第274行: | 第276行: | ||
例如,我们需要图片高100像素: |
例如,我们需要图片高100像素: |
||
'''<nowiki>[[File:有兽档案馆文字标志.svg|x64px]]</nowiki>''' |
'''<nowiki>[[File:有兽档案馆文字标志.svg|x64px]]</nowiki>''' |
||
[[File: |
[[File:有兽档案馆文字标志.svg|x64px]] |
||
如果要使之变成500像素: |
如果要使之变成500像素: |
||
'''<nowiki>[[File:有兽档案馆文字标志.svg|x64px]]</nowiki>''' |
'''<nowiki>[[File:有兽档案馆文字标志.svg|x64px]]</nowiki>''' |
||
[[File: |
[[File:有兽档案馆文字标志.svg|x64px]] |
||
同样地,这些过大的图片通常都不应该放在条目内文里——这不方便读者浏览,还会使得图片显示效果变差(矢量图除外)。 |
同样地,这些过大的图片通常都不应该放在条目内文里——这不方便读者浏览,还会使得图片显示效果变差(矢量图除外)。 |
||
第295行: | 第297行: | ||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
</span> |
</span> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|缩略图|64px|右|有兽档案馆文字标志]] |
||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
第321行: | 第323行: | ||
许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法,即在图像后加入“<br style="clear:both;">”或{{Tl|Clear}}(见源代码) |
许多用户进行图像浮动时常碰到一个问题,就是多幅图片有时会水平地“堆积”在一起,对于大型图片尤其如此。“最佳”的解决方法是,添加更多的文本,但有时这是不可能的。本节将介绍一些解决办法,即在图像后加入“<br style="clear:both;">”或{{Tl|Clear}}(见源代码) |
||
[[File: |
[[File:有兽档案馆文字标志.svg|缩略图|300px|右|有兽档案馆文字标志]] |
||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
第342行: | 第344行: | ||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
</span> |
</span> |
||
[[File:有兽档案馆Banner.png|thumb|有兽档案馆Banner]] |
|||
[[File:Bamboo Trademark.svg|右|缩略图|200px|共笔全书标识]] |
|||
<br style="clear:both;" /> |
<br style="clear:both;" /> |
||
第349行: | 第351行: | ||
<pre> |
<pre> |
||
<div style="float:right;width:315px;"> |
<div style="float:right;width:315px;"> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]] |
||
[[File: |
[[File:有兽档案馆Banner.png|right|thumb|200px|有兽档案馆Banner]] |
||
</div> |
</div> |
||
</pre> |
</pre> |
||
<div style="float:right;width:315px;"> |
<div style="float:right;width:315px;"> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|右|缩略图|300px|有兽档案馆文字标志]] |
||
<br style="clear:all;" /> |
<br style="clear:all;" />[[File:有兽档案馆Banner.png|thumb|200x200px|有兽栖卷处标识]]</div> |
||
[[File:Bamboo Trademark.svg|右|缩略图|200px|共笔全书标识]] |
|||
</div> |
|||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。 |
|||
共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。 |
|||
有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。 |
|||
共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。 |
|||
有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。有兽栖卷处。 |
|||
共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。共笔全书。 |
|||
<br style="clear:both;" /> |
<br style="clear:both;" /> |
||
有时候也可以水平对齐两幅图像: |
有时候也可以水平对齐两幅图像: |
||
[[File: |
[[File:有兽档案馆文字标志.svg|左|缩略图|300px|有兽档案馆文字标志]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|无|缩略图|300px|有兽档案馆文字标志]] |
||
<pre> |
<pre> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]] |
||
</pre> |
</pre> |
||
第385行: | 第385行: | ||
{| |
{| |
||
|- |
|- |
||
| [[File: |
| [[File:有兽档案馆文字标志.svg|none|thumb|300px|求闻百科标识]] |
||
| [[File: |
| [[File:有兽档案馆文字标志.svg|none|thumb|300px|求闻百科标识]] |
||
|} |
|} |
||
</pre> |
</pre> |
||
另一种避免过宽的办法是,将两幅图都左对齐,直接进行堆积。 |
另一种避免过宽的办法是,将两幅图都左对齐,直接进行堆积。 |
||
[[File: |
[[File:有兽档案馆文字标志.svg|左|缩略图|300px|有兽档案馆文字标志]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|左|缩略图|300px|有兽档案馆文字标志]] |
||
{{clear}} |
{{clear}} |
||
<pre> |
<pre> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]] |
||
{{clear}} |
{{clear}} |
||
</pre> |
</pre> |
||
第404行: | 第404行: | ||
或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰,更不会叠加在一起。 |
或许最简便的方式便是采用左右交替浮动的方法了 —— 这种方式使得两幅图片不会互相干扰,更不会叠加在一起。 |
||
<pre>[[File: |
<pre>[[File:有兽档案馆文字标志.svg|thumb|150px|right|有兽档案馆文字标志]] |
||
[[File:Bamboo Trademark.svg|left|thumb|150px| |
[[File:Bamboo Trademark.svg|left|thumb|150px|有兽档案馆Banner]]</pre> |
||
[[File: |
[[File:有兽档案馆文字标志.svg|缩略图|150px|右|有兽档案馆文字标志]] |
||
[[File: |
[[File:有兽档案馆Banner.png|left|thumb|有兽栖卷处标识]] |
||
<span style="color:#808080; font-size:90%"> |
<span style="color:#808080; font-size:90%"> |
||
有兽档案馆,有兽档案馆。 |
有兽档案馆,有兽档案馆。 |
||
第432行: | 第432行: | ||
===強迫換行=== |
===強迫換行=== |
||
最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,用戶的瀏覽器、顯示屏解像度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文本如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面“劈開”。可以的話,讓頁面根據邏輯排列即可。 |
最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,用戶的瀏覽器、顯示屏解像度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文本如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面“劈開”。可以的話,讓頁面根據邏輯排列即可。<pre> <br style="clear:both;"> </pre> |
||
你亦可以使用[[Template:Stack]]達至相近的效果。 |
|||
<pre> <br style="clear:both;"> </pre> 或是 <pre> {{-}}</pre /> |
|||
[[File:Qiuwen Baike.svg|thumb|300px|right|求闻百科标识]] |
|||
<span style="color:#808080; font-size:90%"> |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
</span> |
|||
<br style="clear:both;" /> |
|||
[[File:Bamboo Trademark.svg|right|thumb|200px|共笔全书标识]] |
|||
<span style="color:#808080; font-size:90%"> |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
求闻百科,共笔求闻。 |
|||
</span> |
|||
<br style="clear:both;" /> |
|||
=== 圖片集 === |
|||
====維基標記語言和[[層疊樣式表]](CSS)==== |
|||
要在圖片集展示一系列圖片,一個簡單的方法是使用維基標記語言和[[层叠样式表]](CSS):讓所有圖片靠左浮動,並在其後清除靠左浮動的設定,以免圖片在圖片集以後的內容中出現。 |
|||
<pre> |
|||
<nowiki> |
|||
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识1]] |
|||
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识2]] |
|||
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识3]] |
|||
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识4]] |
|||
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识5]] |
|||
[[File:Qiuwen Baike.svg|64px|thumb|left|求闻百科标识6]] |
|||
<br style="clear: left" /> |
|||
</nowiki> |
|||
</pre> |
|||
好處:簡單、圖片會根據畫面大小換行。 |
好處:簡單、圖片會根據畫面大小換行。 |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志1]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志2]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志3]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志4]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志5]] |
||
[[File: |
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志6]] |
||
<br style="clear: left" /> |
<br style="clear: left" /> |
||
第497行: | 第450行: | ||
<nowiki> |
<nowiki> |
||
<gallery> |
<gallery> |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8 |
||
</gallery> |
</gallery> |
||
</nowiki> |
</nowiki> |
||
第512行: | 第465行: | ||
壞處:圖片不會根據畫面大小換行、不能設定圖片大小(希望下一個版本可以改善這些不便之處)。 |
壞處:圖片不會根據畫面大小換行、不能設定圖片大小(希望下一個版本可以改善這些不便之處)。 |
||
你可以在[[mw:Help:Images#Gallery_syntax]]的帮助文档中获得更加详细的内容。 |
|||
<gallery> |
<gallery> |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8 |
||
</gallery> |
</gallery> |
||
第533行: | 第484行: | ||
|- |
|- |
||
| <gallery> |
| <gallery> |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8 |
||
</gallery> |
</gallery> |
||
|} |
|} |
||
第550行: | 第501行: | ||
|- |
|- |
||
|<gallery> |
|<gallery> |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志1 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志2 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志3 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志4 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志5 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志6 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志7 |
||
File: |
File:有兽档案馆文字标志.svg|有兽档案馆文字标志8 |
||
</gallery> |
</gallery> |
||
|} |
|} |
||
第569行: | 第520行: | ||
</gallery></nowiki> |
</gallery></nowiki> |
||
</pre> |
</pre> |
||
参数有如下: |
参数有如下: |
||
*<code>caption="{标题,可以有空格}"</code>: 在画廊上显示标题,标题超过画廊宽度时会分成多列。 |
*<code>caption="{标题,可以有空格}"</code>: 在画廊上显示标题,标题超过画廊宽度时会分成多列。 |
||
*<code>widths={宽度值}px</code>:设定图像图像宽度,默认120px。 |
*<code>widths={宽度值}px</code>:设定图像图像宽度,默认120px。 |
||
第612行: | 第563行: | ||
<!--<gallery mode=packed-overlay heights=150px>--> |
<!--<gallery mode=packed-overlay heights=150px>--> |
||
<!--<gallery mode=slideshow heights=150px>--> |
<!--<gallery mode=slideshow heights=150px>--> |
||
File:有兽档案馆Banner.png|[[有兽档案馆Banner]] |
|||
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆Banner]] |
|||
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆Banner]] |
|||
File:Hoh_Xil.jpg|[[三江源国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆Banner]] |
|||
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆Banner]] |
|||
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆Banner]] |
|||
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]] |
|||
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]] |
|||
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]] |
|||
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]] |
|||
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]] |
|||
</gallery></nowiki></pre> |
</gallery></nowiki></pre> |
||
<code>mode=packed-hover</code>的显示为: |
<code>mode=packed-hover</code>的显示为: |
||
<gallery mode= |
<gallery mode=packed-hover heights=80px> |
||
<!--<gallery mode=packed-overlay heights=150px>--> |
|||
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]] |
|||
<!--<gallery mode=slideshow heights=150px>--> |
|||
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Hoh_Xil.jpg|[[三江源国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]] |
|||
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]] |
|||
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]] |
|||
</gallery> |
</gallery> |
||
而<code>mode=packed-overlay</code>的显示为: |
而<code>mode=packed-overlay</code>的显示为: |
||
<gallery mode="packed-overlay" heights="150px"> |
<gallery mode="packed-overlay" heights="150px"> |
||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Hoh_Xil.jpg|[[三江源国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]] |
|||
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]] |
|||
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]] |
|||
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]] |
|||
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]] |
|||
</gallery> |
</gallery> |
||
还可以选择幻灯显示,即<code>mode=slideshow</code>:(网页加载不完全时可能会出现其他效果) |
还可以选择幻灯显示,即<code>mode=slideshow</code>:(网页加载不完全时可能会出现其他效果) |
||
<gallery mode="slideshow" heights="150px"> |
<gallery mode="slideshow" heights="150px"> |
||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Qilian_mountain_jyg.JPG|[[祁连山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Wuyi_Mountains_Sea_of_clouds_4.jpg|[[福建武夷山国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Hoh_Xil.jpg|[[三江源国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Doorgang in muur. Locatie, Chinese tuin Het Verborgen Rijk van Ming. Locatie. Hortus Haren 01.jpg|[[荷兰]]植物园中式园林的[[月亮门]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Great wall-Badaling-Beijing-China - panoramio (5).jpg|[[北京长城国家公园]] |
|||
File:有兽档案馆Banner.png|[[有兽档案馆:首页]] |
|||
File:Chinese House and bridge at Shugborough.jpg|拍摄于[[英国]][[斯塔福德郡]]的[[中式建筑]] |
|||
File:Kochi chinese fishing-net-20080215-01a.jpg|拍摄于[[印度]][[科契]]的[[中国渔网]] |
|||
File:2007龙转头 - panoramio.jpg|[[湖南南山国家公园]] |
|||
File:Bita Lake, Potatso (Pudacuo) National Park, Diqing - panoramio.jpg|[[云南普达措国家公园]] |
|||
File:保安乡的田野 - panoramio.jpg|[[浙江钱江源国家公园]] |
|||
</gallery> |
</gallery> |
||
====模板==== |
|||
另一個可行方法是利用 [[Template:Gallery|<code><nowiki>{{gallery}}</nowiki></code> 模板]],格式是: |
|||
:{{tl|gallery|檔案名稱|敘述}} |
|||
:{{template|gallery end}} |
|||
以下另一種格式可(按照 <code>###px</code>)設定圖片寬度。 |
|||
:{{tl|gallerypx|檔案名稱|敘述|寬度}} |
|||
:{{template|gallery end}} |
|||
好處:圖片會根據畫面大小換行、簡單方便、不用使用[[HTML]]和CSS. |
|||
壞處:某些瀏覽器可能會出現捲軸和其他討厭的東西、不能設定圖片大小。 |
|||
例如: |
|||
<pre> |
|||
<nowiki> |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery end}} |
|||
</nowiki> |
|||
</pre> |
|||
将显示为 |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery|File:Qiuwen Baike.svg|求闻百科标识}} |
|||
{{gallery end}} |
|||
==链接到图片但不显示圖片== |
==链接到图片但不显示圖片== |
||
假如你想鏈接到圖片但不顯示的話,有兩個方法可以做到。 |
假如你想鏈接到圖片但不顯示的話,有兩個方法可以做到。 |
||
:'''<nowiki>[[Media: |
:'''<nowiki>[[Media:有兽档案馆Banner.png]]</nowiki>''' |
||
[[Media: |
[[Media:有兽档案馆Banner.png]] |
||
請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。 |
請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。 |
||
'''<nowiki>[[Media:Qiuwen |
'''<nowiki>[[Media:Qiuwen 有兽档案馆Banner.png|</nowiki>-{zh-hant:這是有兽档案馆Banner; zh-hans:这是有兽档案馆Banner;}-<nowiki>]]</nowiki>''' |
||
[[Media: |
[[Media:有兽档案馆文字标志.svg|這是有兽档案馆文字标志]] |
||
若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫: |
若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫: |
||
'''<nowiki>[[:File:有兽档案馆文字标志.svg]]</nowiki>''' |
'''<nowiki>[[:File:有兽档案馆文字标志.svg]]</nowiki>''' |
||
[[: |
[[:File:有兽档案馆文字标志.svg]] |
||
這圖片跟本指南第一個圖片的唯一分別是在"File"之前加了一個冒號 (:)。 |
這圖片跟本指南第一個圖片的唯一分別是在"File"之前加了一個冒號 (:)。 |
||
第725行: | 第619行: | ||
如上所述,你可以隨意改動鏈接的文字。 |
如上所述,你可以隨意改動鏈接的文字。 |
||
'''[[:File:有兽档案馆文字标志.svg|-{zh-hant:這個連結直接連到標誌的圖像頁; zh-hans:这个链接直接连到标志的图像页;}-<nowiki>]]</nowiki>''' |
'''[[:File:有兽档案馆文字标志.svg|-{zh-hant:這個連結直接連到標誌的圖像頁; zh-hans:这个链接直接连到标志的图像页;}-<nowiki>]]</nowiki>''' |
||
[[:File: |
[[:File:有兽档案馆文字标志.svg|-{zh-hant:這個連結直接連到標誌的圖像頁; zh-hans:这个链接直接连到标志的图像页;}-]] |
||
==全景圖== |
==全景圖== |
||
第732行: | 第626行: | ||
:語法:<nowiki>{{Wide image|</nowiki>圖像名稱|-{zh-hant:闊度; zh-hans:宽度;}-|描述<nowiki>}}</nowiki> |
:語法:<nowiki>{{Wide image|</nowiki>圖像名稱|-{zh-hant:闊度; zh-hans:宽度;}-|描述<nowiki>}}</nowiki> |
||
:例子:<nowiki>{{wide image| |
:例子:<nowiki>{{wide image|有兽档案馆文字标志.svg|2000px|</nowiki>有兽档案馆<nowiki>}}</nowiki> |
||
{{wide image|有兽档案馆文字标志.svg|2000px|</nowiki>有兽档案馆<nowiki>}} |
|||
{{Wide image|Gu Kaizhi 001.jpg|2000px|顧愷之所作《女史箴圖》摹本,現藏於大英博物館。}} |
|||
==與圖片相關的模板== |
==與圖片相關的模板== |
||
*{{tl|Frame}}:同圖片的Frame效果,但可指定圖片大小。 |
*{{tl|Frame}}:同圖片的Frame效果,但可指定圖片大小。 |
||
*{{tl|Image label}}:可在圖片上添加文字。另可參考[[ |
*{{tl|Image label}}:可在圖片上添加文字。另可參考[[mw:Extension:ImageMap]]。 |
||
*{{tl|2images}}:在同一圖片框中水平橫向並排顯示兩幅圖片,圖片較多時方便排版。 |
*{{tl|2images}}:在同一圖片框中水平橫向並排顯示兩幅圖片,圖片較多時方便排版。 |
||
*{{tl|并列图像}}:在同一圖片框內顯示二至六張圖片,可選擇橫向或縱向,圖片較多時方便排版。 |
*{{tl|并列图像}}:在同一圖片框內顯示二至六張圖片,可選擇橫向或縱向,圖片較多時方便排版。 |
||
==参见== |
|||
*[[:mw:Help:Images|MediaWiki的图片功能帮助]] |
|||
{{-}} |
{{-}} |
||
{{帮助页面}} |
{{帮助页面}} |
於 2023年5月14日 (日) 17:42 的修訂
![](/images/thumb/9/9b/%E7%9A%AE%E7%9A%AE%E6%B3%A8%E6%84%8F%E7%89%8C%EF%BC%88%E8%93%9D%EF%BC%89.svg/50px-%E7%9A%AE%E7%9A%AE%E6%B3%A8%E6%84%8F%E7%89%8C%EF%BC%88%E8%93%9D%EF%BC%89.svg.png)
本頁不屬於有獸檔案館的條例或規則;若本頁內容與相關條例不一致的,以條例內容為準。
這是一篇指導如何在有獸檔案館的條目中使用維基格式來插入圖片的指南。
如果您需要知道如何上傳圖像,或者怎樣為條目選擇適合的圖像,請參照圖像使用守則。
請注意,在為一篇條目添加圖像前,您需要編輯圖像描述頁來解釋圖像的來源,並清楚地說明圖像的版權資訊。
在本文中,所有例子都將採用有獸檔案館的標誌來完成。
無格式圖片
下列命令可插入無格式圖片:
[[File:有兽档案馆文字标志.svg|有兽档案馆文字标志]]
這樣插入的圖片和原始上傳圖片大小一樣。圖片放置的位置是任意的,並且文本不會浮動(環繞四周)。
請注意圖片在何處將文本分成兩塊是取決於標記的放置位置的。
指定位置
現在,例如我們需要:
- 文本浮動(環繞四周)於圖片;或
- 指定圖片放置的位置(左、右、嵌入等)。
要做到這一點,只需添加如下定位語句。
例1 - 右對齊,浮動
[[File:有兽档案馆文字标志.svg|right|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
例2 - 右對齊,浮動,帶標題
通常將這些命令放置在段落開頭,這樣圖像便可浮動在段落的右側——許多條目的開頭常常這樣做。
[[File:有兽档案馆文字标志.svg|frame|right|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
例3 - 左對齊,浮動
[[File:有兽档案馆文字标志.svg|left|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
例4 - 居中, 不浮動
[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
例5 - 不浮動
[[File:有兽档案馆文字标志.svg|none|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
使用框架,添加標題
圖片常常需要一個標題來進行描述,這時就需要使用框架將它們框起來。
[[File:有獸檔案館文字標誌.svg|frame|此圖為求闻百科标识]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
縮略圖
縮略圖會將圖片框起來,並在右下角顯示一個放大的標記。這是一個讓用戶知道一個尺寸更大的版本的好方法。縮略圖也讓我們可以指定圖片的標題
[[File:有兽档案馆文字标志.svg|thumb|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
調整大小
當圖片太大的時候,我們可能希望在條目中只顯示一幅相應的較小的圖。當製作小圖時,必須包含一個框架,因此常常也包含著標題。
維基格式支持自動調整大小;換言之,當貢獻者上傳了某一大小的圖片後,當其他人查看條目時,圖片會自動調整為指定的大小。
調整寬度
例如,我們需要圖片寬100像素:
[[File:有兽档案馆文字标志.svg|64px]]
在典型的支持圖片的瀏覽器中,若用戶將滑鼠移至圖片上,將顯示「64px」的提示字樣;而在文本瀏覽器中,「64px」會在圖片的位置顯示出來。我們可以通過指定交替文本來改變它,如下:
[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志]]
如果要使之變成500像素寬:
[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志]]
通常這些過大的圖片都不應該放置在條目內文裡,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。
另外請注意圖片的解析度亦會因此而下降,這因為我們要求圖片變成500像素寬,但圖片的實際大小並沒有500像素寬,因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬,其顯示效果便會較差了。所以切記永不依照這個方法來放大圖片(矢量圖除外)。
調整高度
如果要使圖片等比縮放至指定的高度,在指示大小的代碼中,我們需要在相應的大小前面加個x
。
例如,我們需要圖片高100像素:
[[File:有兽档案馆文字标志.svg|x64px]]
如果要使之變成500像素:
[[File:有兽档案馆文字标志.svg|x64px]]
同樣地,這些過大的圖片通常都不應該放在條目內文里——這不方便讀者瀏覽,還會使得圖片顯示效果變差(矢量圖除外)。
結合不同選項
好了,前面的命令都很不錯。不過如果不將它們結合起來使用,其實是沒有太大用處的。現在,我們有一幅圖片需要進行浮動、右對齊、縮略圖、調整為100像素寬、並有一個標題。這時只需要將前面的參數一塊用上就可以了。參數的順序通常無所謂,但須保證圖片名是第一個參數,而標題只能在最後一個。
[[File:有兽档案馆文字标志.svg|thumb|64px|right|有兽档案馆文字标志]]
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
避免圖像「堆積」
許多用戶進行圖像浮動時常碰到一個問題,就是多幅圖片有時會水平地「堆積」在一起,對於大型圖片尤其如此。「最佳」的解決方法是,添加更多的文本,但有時這是不可能的。本節將介紹一些解決辦法,即在圖像後加入「<br style="clear:both;">」或{{Clear}}(見原始碼)
有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。
聯合對齊相似圖片
經常會有兩幅從邏輯上講需要歸於一組的相似圖片。為做到這一點,需要加入一些html標記:
<div style="float:right;width:315px;"> [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]] [[File:有兽档案馆Banner.png|right|thumb|200px|有兽档案馆Banner]] </div>
有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。
有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。
有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。有獸棲卷處。
有時候也可以水平對齊兩幅圖像:
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]] [[File:有兽档案馆文字标志.svg|none|thumb|300px|有兽档案馆文字标志]]
不過,這應當較少採用,因為對使用較窄的瀏覽器窗口者有可能導致圖片超過屏幕的右邊緣。
實現這個效果的方法是利用表格標記:
{| |- | [[File:有兽档案馆文字标志.svg|none|thumb|300px|求闻百科标识]] | [[File:有兽档案馆文字标志.svg|none|thumb|300px|求闻百科标识]] |}
另一種避免過寬的辦法是,將兩幅圖都左對齊,直接進行堆積。
[[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]] [[File:有兽档案馆文字标志.svg|left|thumb|300px|有兽档案馆文字标志]] {{clear}}
這條命令
{{clear}}
是為了防止後面的文字直接顯示在圖片旁。
左右交替浮動
或許最簡便的方式便是採用左右交替浮動的方法了 —— 這種方式使得兩幅圖片不會互相干擾,更不會疊加在一起。
[[File:有兽档案馆文字标志.svg|thumb|150px|right|有兽档案馆文字标志]] [[File:Bamboo Trademark.svg|left|thumb|150px|有兽档案馆Banner]]
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
有獸檔案館,有獸檔案館。
強迫換行
最後的手段是強迫瀏覽器加一空白行,令所有文字和圖片都在第一幅圖片之下出現。但圖片旁的文字之下可能會出現唐突的空白。記住,用戶的瀏覽器、顯示屏解析度、預設的文字大小、瀏覽器上工具列的數目等不同設定,都可能影響文本如何浮動和環繞圖片。因此,不要為了令頁面在你的電腦上看來美觀而強行改變頁面設計。只有在必須的情況下才把頁面「劈開」。可以的話,讓頁面根據邏輯排列即可。
<br style="clear:both;">
好處:簡單、圖片會根據畫面大小換行。
新的MediaWiki<gallery>標記
新的MediaWiki軟體支援<gallery>標記,是建立圖片集的簡便方法:
<gallery> File:有兽档案馆文字标志.svg|有兽档案馆文字标志1 File:有兽档案馆文字标志.svg|有兽档案馆文字标志2 File:有兽档案馆文字标志.svg|有兽档案馆文字标志3 File:有兽档案馆文字标志.svg|有兽档案馆文字标志4 File:有兽档案馆文字标志.svg|有兽档案馆文字标志5 File:有兽档案馆文字标志.svg|有兽档案馆文字标志6 File:有兽档案馆文字标志.svg|有兽档案馆文字标志7 File:有兽档案馆文字标志.svg|有兽档案馆文字标志8 </gallery>
好處:簡單方便、圖片之間沒有浪費空間。未來的MediaWiki可能會提供更多這類型的支援。
壞處:圖片不會根據畫面大小換行、不能設定圖片大小(希望下一個版本可以改善這些不便之處)。
讓圖片集整體居中顯示的方法:
{| align=center border=1 |- | <gallery> File:有兽档案馆文字标志.svg|有兽档案馆文字标志1 File:有兽档案馆文字标志.svg|有兽档案馆文字标志2 File:有兽档案馆文字标志.svg|有兽档案馆文字标志3 File:有兽档案馆文字标志.svg|有兽档案馆文字标志4 File:有兽档案馆文字标志.svg|有兽档案馆文字标志5 File:有兽档案馆文字标志.svg|有兽档案馆文字标志6 File:有兽档案馆文字标志.svg|有兽档案馆文字标志7 File:有兽档案馆文字标志.svg|有兽档案馆文字标志8 </gallery> |}
整體居中的效果如下:
標籤參數
新版本支持在標籤內添加參數,如
<gallery {parameters}> {images} </gallery>
參數有如下:
caption="{标题,可以有空格}"
: 在畫廊上顯示標題,標題超過畫廊寬度時會分成多列。widths={宽度值}px
:設定圖像圖像寬度,默認120px。heights={高度值}px
:設定圖像最大高度。perrow={任何整数}
:設定每行顯示圖像數。showfilename={任何值}
:設定後即顯示每個圖像的文件名。mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}
:設定照片顯示的模式
如以下代碼:
<gallery showfilename=a widths=60px heights=60px perrow=7 caption="测试"> File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 File:Example.svg|测试 </gallery>
可生成:
- 測試
- Example.svg
Example.svg 10
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
- Example.svg
Example.svg 測試
如要展示一系列主題相近的照片,又想讓布局緊湊,可考慮使用不同的展示模式。如簡介在照片上顯示的模式,分別為packed-hover
、packed-overlay
,代表滑鼠焦點在照片上可見和永遠可見:
<gallery mode=packed-hover heights=80px> <!--<gallery mode=packed-overlay heights=150px>--> <!--<gallery mode=slideshow heights=150px>--> File:有兽档案馆Banner.png|[[有兽档案馆Banner]] File:有兽档案馆Banner.png|[[有兽档案馆Banner]] File:有兽档案馆Banner.png|[[有兽档案馆Banner]] File:有兽档案馆Banner.png|[[有兽档案馆Banner]] File:有兽档案馆Banner.png|[[有兽档案馆Banner]] File:有兽档案馆Banner.png|[[有兽档案馆Banner]] </gallery>
mode=packed-hover
的顯示為:
而mode=packed-overlay
的顯示為:
還可以選擇幻燈顯示,即mode=slideshow
:(網頁加載不完全時可能會出現其他效果)
連結到圖片但不顯示圖片
假如你想鏈接到圖片但不顯示的話,有兩個方法可以做到。
- [[Media:有兽档案馆Banner.png]]
請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。
[[Media:Qiuwen 有兽档案馆Banner.png|這是有兽档案馆Banner]]
若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫:
[[:File:有兽档案馆文字标志.svg]]
這圖片跟本指南第一個圖片的唯一分別是在"File"之前加了一個冒號 (:)。
如上所述,你可以隨意改動鏈接的文字。
[[:File:有獸檔案館文字標誌.svg|這個連結直接連到標誌的圖像頁]]
全景圖
使用模板{{Wide image}}來顯示全景圖:
- 語法:{{Wide image|圖像名稱|闊度|描述}}
- 例子:{{wide image|有兽档案馆文字标志.svg|2000px|有獸檔案館}}
與圖片相關的模板
- {{Frame}}:同圖片的Frame效果,但可指定圖片大小。
- {{Image label}}:可在圖片上添加文字。另可參考mw:Extension:ImageMap。
- {{2images}}:在同一圖片框中水平橫向並排顯示兩幅圖片,圖片較多時方便排版。
- {{並列圖像}}:在同一圖片框內顯示二至六張圖片,可選擇橫向或縱向,圖片較多時方便排版。