「Help:图像」:修訂間差異

說明頁面
無編輯摘要
無編輯摘要
第109行: 第109行:
<br style="clear:both;" />
<br style="clear:both;" />


===例4 - 居中, 不浮===
===例4 - 居中, 不浮===
'''[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志<nowiki>]]</nowiki>'''


第181行: 第181行:
图片常常需要一个标题来进行描述,这时就需要使用框架将它们框起来。
图片常常需要一个标题来进行描述,这时就需要使用框架将它们框起来。


'''[[File:有兽档案馆文字标志.svg|frame|-{zh-hant:此圖為求闻百科标识; zh-hans:此图为求闻百科徽标;}-<nowiki>]]</nowiki>'''
'''[[File:有兽档案馆文字标志.svg|frame|-{zh-hant:此图为求闻百科标识; zh-hans:此图为求闻百科徽标;}-<nowiki>]]</nowiki>'''


<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
第191行: 第191行:
有兽档案馆,有兽档案馆。
有兽档案馆,有兽档案馆。
</span>
</span>
[[File:有兽档案馆文字标志.svg|frame|此圖為有兽档案馆文字标志]]
[[File:有兽档案馆文字标志.svg|frame|此图为有兽档案馆文字标志]]
<span style="color:#808080; font-size:90%">
<span style="color:#808080; font-size:90%">
有兽档案馆,有兽档案馆。
有兽档案馆,有兽档案馆。
第268行: 第268行:
[[File:有兽档案馆文字标志.svg|64px|求闻百科标识]]
[[File:有兽档案馆文字标志.svg|64px|求闻百科标识]]


通常大的片都不應該放置在這會不方便瀏覽。大多數圖片的100至400像素之,所以在片大小值不過這個範圍
通常大的片都不应该放置在这会不方便浏览。大多数图片的100至400像素之,所以在片大小值不过这个范围


另外注意片的解析度因此而下降,要求成500像素,但片的實際大小並沒有500像素,因此瀏覽器的排版示器便要將圖大至500像素,其示效果便會較差了。所以切永不依照這個方法放大片(矢量图除外)。
另外注意片的分辨率因此而下降,要求成500像素,但片的实际大小并没有500像素,因此浏览器的排版示器便要将图大至500像素,其示效果便会较差了。所以切永不依照这个方法放大片(矢量图除外)。


===调整高度===
===调整高度===
第431行: 第431行:
<br style="clear:both;" />
<br style="clear:both;" />


===行===
===行===
的手段是瀏覽器加一空白行,令所有文字和片都在第一幅片之下出。但片旁的文字之下可能唐突的空白。住,用瀏覽器、示屏解像度預設的文字大小、瀏覽器上工具列的目等不同定,都可能影文本如何浮環繞圖片。因此,不要了令面在你的電腦上看行改變頁設計。只有在必的情下才把面“劈”。可以的讓頁面根據邏輯排列即可。<pre> <br style="clear:both;"> </pre>
的手段是浏览器加一空白行,令所有文字和片都在第一幅片之下出。但片旁的文字之下可能唐突的空白。住,用浏览器、示屏分辨率预设的文字大小、浏览器上工具列的目等不同定,都可能影文本如何浮环绕图片。因此,不要了令面在你的电脑上看行改变页设计。只有在必的情下才把面“劈”。可以的让页面根据逻辑排列即可。<pre> <br style="clear:both;"> </pre>


簡單據畫面大小行。
简单据画面大小行。


[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志1]]
[[File:有兽档案馆文字标志.svg|64px|缩略图|左|有兽档案馆文字标志1]]
第445行: 第445行:


====新的MediaWiki<nowiki><gallery></nowiki>标记====
====新的MediaWiki<nowiki><gallery></nowiki>标记====
新的MediaWiki軟體支援''<nowiki><gallery></nowiki>''標記,是建立片集的便方法:
新的MediaWiki软件支援''<nowiki><gallery></nowiki>''标记,是建立片集的便方法:


<pre>
<pre>
第462行: 第462行:
</pre>
</pre>


簡單方便、片之間沒有浪。未的MediaWiki可能提供更多這類型的支援。
简单方便、片之间没有浪。未的MediaWiki可能提供更多这类型的支援。


壞處片不據畫面大小行、不能片大小(希望下一版本可以改善些不便之)。
坏处片不据画面大小行、不能片大小(希望下一版本可以改善些不便之)。


<gallery>
<gallery>
第602行: 第602行:
</gallery>
</gallery>


==链接到图片但不显示片==
==链接到图片但不显示片==
假如你想接到片但不示的,有兩個方法可以做到。
假如你想接到片但不示的,有两个方法可以做到。
:'''<nowiki>[[Media:有兽档案馆Banner.png]]</nowiki>'''
:'''<nowiki>[[Media:有兽档案馆Banner.png]]</nowiki>'''
[[Media:有兽档案馆Banner.png]]
[[Media:有兽档案馆Banner.png]]


注意那是 "Media" 而非 "File"。按下該鏈接,瀏覽動開啟鏈接的片。你亦可以改變顯示的文字。
注意那是 "Media" 而非 "File"。按下该链接,浏览动开启链接的片。你亦可以改变显示的文字。
'''<nowiki>[[Media:Qiuwen 有兽档案馆Banner.png|</nowiki>-{zh-hant:是有兽档案馆Banner; zh-hans:这是有兽档案馆Banner;}-<nowiki>]]</nowiki>'''
'''<nowiki>[[Media:Qiuwen 有兽档案馆Banner.png|</nowiki>-{zh-hant:是有兽档案馆Banner; zh-hans:这是有兽档案馆Banner;}-<nowiki>]]</nowiki>'''
[[Media:有兽档案馆文字标志.svg|是有兽档案馆文字标志]]
[[Media:有兽档案馆文字标志.svg|是有兽档案馆文字标志]]


若要(包含何人、何及版權資訊料),而非直接像,你可以這樣寫
若要(包含何人、何及版权资讯料),而非直接像,你可以这样写
'''<nowiki>[[:File:有兽档案馆文字标志.svg]]</nowiki>'''
'''<nowiki>[[:File:有兽档案馆文字标志.svg]]</nowiki>'''
[[:File:有兽档案馆文字标志.svg]]
[[:File:有兽档案馆文字标志.svg]]


這圖片跟本指南第一個圖片的唯一分是在"File"之前加了一 (:)。
这图片跟本指南第一个图片的唯一分是在"File"之前加了一 (:)。


如上所述,你可以意改動鏈接的文字。
如上所述,你可以意改动链接的文字。
'''[[:File:有兽档案馆文字标志.svg|-{zh-hant:這個連結直接標誌; zh-hans:这个链接直接连到标志的图像页;}-<nowiki>]]</nowiki>'''
'''[[:File:有兽档案馆文字标志.svg|-{zh-hant:这个连结直接标志; zh-hans:这个链接直接连到标志的图像页;}-<nowiki>]]</nowiki>'''
[[:File:有兽档案馆文字标志.svg|-{zh-hant:這個連結直接標誌; zh-hans:这个链接直接连到标志的图像页;}-]]{{-}}
[[:File:有兽档案馆文字标志.svg|-{zh-hant:这个连结直接标志; zh-hans:这个链接直接连到标志的图像页;}-]]{{-}}
{{帮助页面}}
{{帮助页面}}

於 2023年5月14日 (日) 17:45 的修訂

這是一篇指導如何在有獸檔案館的條目中使用維基格式來插入圖片的指南。

如果您需要知道如何上傳圖像,或者怎樣為條目選擇適合的圖像,請參照圖像使用守則

請注意,在為一篇條目添加圖像前,您需要編輯圖像描述頁來解釋圖像的來源,並清楚地說明圖像的版權信息。

在本文中,所有例子都將採用有獸檔案館的標誌來完成。

無格式圖片

下列命令可插入無格式圖片:

[[File:有兽档案馆文字标志.svg|有兽档案馆文字标志]]

這樣插入的圖片和原始上傳圖片大小一樣。圖片放置的位置是任意的,並且文本不會浮動(環繞四周)。

請注意圖片在何處將文本分成兩塊是取決於標記的放置位置的。

指定位置

現在,例如我們需要:

  1. 文本浮動(環繞四周)於圖片;或
  2. 指定圖片放置的位置(左、右、嵌入等)。

要做到這一點,只需添加如下定位語句。

例1 - 右對齊,浮動

[[File:有兽档案馆文字标志.svg|right|有兽档案馆文字标志]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

例2 - 右對齊,浮動,帶標題

通常將這些命令放置在段落開頭,這樣圖像便可浮動在段落的右側——許多條目的開頭常常這樣做。

[[File:有兽档案馆文字标志.svg|frame|right|有兽档案馆文字标志]]
有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

例3 - 左對齊,浮動

[[File:有兽档案馆文字标志.svg|left|有兽档案馆文字标志]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

例4 - 居中, 不浮動

[[File:有兽档案馆文字标志.svg|center|有兽档案馆文字标志]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

例5 - 不浮動

[[File:有兽档案馆文字标志.svg|none|有兽档案馆文字标志]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館文字標誌.svg

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

使用框架,添加標題

圖片常常需要一個標題來進行描述,這時就需要使用框架將它們框起來。

[[File:有獸檔案館文字標誌.svg|frame|此图为求闻百科标识]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

此圖為有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

縮略圖

縮略圖會將圖片框起來,並在右下角顯示一個放大的標記。這是一個讓用戶知道一個尺寸更大的版本的好方法。縮略圖也讓我們可以指定圖片的標題

[[File:有兽档案馆文字标志.svg|thumb|有兽档案馆文字标志]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

調整大小

當圖片太大的時候,我們可能希望在條目中只顯示一幅相應的較小的圖。當製作小圖時,必須包含一個框架,因此常常也包含着標題。

維基格式支持自動調整大小;換言之,當貢獻者上傳了某一大小的圖片後,當其他人查看條目時,圖片會自動調整為指定的大小。

調整寬度

例如,我們需要圖片寬100像素:

[[File:有兽档案馆文字标志.svg|64px]]

有獸檔案館文字標誌.svg

在典型的支持圖片的瀏覽器中,若用戶將鼠標移至圖片上,將顯示「64px」的提示字樣;而在文本瀏覽器中,「64px」會在圖片的位置顯示出來。我們可以通過指定交替文本來改變它,如下:

[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志]]

求聞百科標識

如果要使之變成500像素寬:

[[File:有兽档案馆文字标志.svg|64px|有兽档案馆文字标志]]

求聞百科標識

通常這些過大的圖片都不應該放置在條目內文里,這會不方便讀者瀏覽。大多數圖片的寬度應大約位於100至400像素之間,所以在設定圖片大小時,數值不應超過這個範圍。

另外請注意圖片的分辨率亦會因此而下降,這因為我們要求圖片變成500像素寬,但圖片的實際大小並沒有500像素寬,因此瀏覽器的排版顯示器便要將圖片強制擴大至500像素寬,其顯示效果便會較差了。所以切記永不依照這個方法來放大圖片(矢量圖除外)。

調整高度

如果要使圖片等比縮放至指定的高度,在指示大小的代碼中,我們需要在相應的大小前面加個x。 例如,我們需要圖片高100像素:

[[File:有兽档案馆文字标志.svg|x64px]]

有獸檔案館文字標誌.svg

如果要使之變成500像素:

[[File:有兽档案馆文字标志.svg|x64px]]

有獸檔案館文字標誌.svg

同樣地,這些過大的圖片通常都不應該放在條目內文里——這不方便讀者瀏覽,還會使得圖片顯示效果變差(矢量圖除外)。

結合不同選項

好了,前面的命令都很不錯。不過如果不將它們結合起來使用,其實是沒有太大用處的。現在,我們有一幅圖片需要進行浮動、右對齊、縮略圖、調整為100像素寬、並有一個標題。這時只需要將前面的參數一塊用上就可以了。參數的順序通常無所謂,但須保證圖片名是第一個參數,而標題只能在最後一個

[[File:有兽档案馆文字标志.svg|thumb|64px|right|有兽档案馆文字标志]]

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

避免圖像「堆積」

許多用戶進行圖像浮動時常碰到一個問題,就是多幅圖片有時會水平地「堆積」在一起,對於大型圖片尤其如此。「最佳」的解決方法是,添加更多的文本,但有時這是不可能的。本節將介紹一些解決辦法,即在圖像後加入「<br style="clear:both;">」或{{Clear}}(見源代碼)

有獸檔案館文字標誌

有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。 有獸檔案館,有獸檔案館。

有獸檔案館Banner


聯合對齊相似圖片

經常會有兩幅從邏輯上講需要歸於一組的相似圖片。為做到這一點,需要加入一些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;"> 

好處:簡單、圖片會根據畫面大小換行。

有獸檔案館文字標誌1
有獸檔案館文字標誌2
有獸檔案館文字標誌3
有獸檔案館文字標誌4
有獸檔案館文字標誌5
有獸檔案館文字標誌6


新的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>

可生成:

如要展示一系列主題相近的照片,又想讓布局緊湊,可考慮使用不同的展示模式。如簡介在照片上顯示的模式,分別為packed-hoverpacked-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:有獸檔案館Banner.png

請注意那是 "Media" 而非 "File"。當按下該鏈接,瀏覽器會自動開啟鏈接的圖片。你亦可以改變顯示的文字。

[[Media:Qiuwen 有兽档案馆Banner.png|这是有兽档案馆Banner]]

這是有獸檔案館文字標誌

若要連到圖像頁(包含何人、何時上載及版權資訊等資料),而非直接連到圖像,你可以這樣寫:

[[:File:有兽档案馆文字标志.svg]]

File:有獸檔案館文字標誌.svg

這圖片跟本指南第一個圖片的唯一分別是在"File"之前加了一個冒號 (:)。

如上所述,你可以隨意改動鏈接的文字。

[[:File:有獸檔案館文字標誌.svg|这个连结直接连到标志的图像页]]

这个连结直接连到标志的图像页