Help:圖片

幫助頁面

這個頁面解釋了圖片在編輯wiki時的語法。 在頁面中，您或其它用戶通常必須上傳一張圖片才能使用它。

圖片被存儲在MediaWiki伺服器上通常通過使用File:名字空間前綴（但傳統的Image:名字空間前綴仍然作為同義詞受到支持）作為MediaWiki連結的目標。 Media:名字空間前綴也可以作為替代用於連結用於引用原始媒體文件內容（在任何MediaWiki頁面之外單獨呈現或下載）。

必要條件[編輯 | 編輯原始碼]

在頁面使用圖像之前，您Wiki的系統管理員必須開啟文件上傳且用戶須要上傳文件。 系統管理員可能也將Wiki設置為可使用外部存儲庫，例如：維基共享資源。 對於在伺服器端的圖像大小調整，則需要配置一個圖形庫（例如：GD2，ImageMagick等）。

支持的媒體類型[編輯 | 編輯原始碼]

下面的文件格式默認被支持：

  • .jpg 或 .jpeg - 以標準JPEG格式壓縮的位圖圖像（這種有損格式最適合於照片）。
  • .png - 「便攜式網絡圖形」格式的位圖圖像（由W3聯盟指定）。
  • .gif - 傳統「圖形交換格式」中的位圖圖像。
  • .webp - WebP 支持有損和無損壓縮格式，並且最大能壓縮45%的大小。

其他在維基媒體上和其他地方通常使用的格式（這超出安裝時默認啟用的類型，可能需要額外的步驟）：

其他媒體類型可能受支持，但可能無法以內聯方式顯示它們。

渲染單個圖片[編輯 | 編輯原始碼]

語法[編輯 | 編輯原始碼]

顯示圖像的完整語法是： 

[[File:filename.extension|options|caption]]

options可以不存在或者為以下內容，通過管道符號（|）分隔：

  • 格式選項：border和frameless、frame（或framed）、thumb（或者是thumbnail）中的一個； Note: border can be used in combination with frameless but will be ignored if used with one of the other options.
    控制呈現的圖像應如何格式化並在頁面的其餘部分嵌入。
  • 調整大小選項：下面列出中的一個
    • {寬度}px——根據給定的最大寬度（以像素為單位）調整圖像大小，不限制圖像的高度。 (只支持整數像素值。 可以在寬度值和「px」之間添加一個空格。)
    • x{高度}px——根據給定的最大高度（以像素為單位）調整圖像大小，而不限制圖像的寬度。 只支持整數像素值。 可以在寬度值和「px」之間添加一個空格。
    • {寬度}x{高度}px——調整圖像的大小以適應給定寬度和高度（以像素為單位）。 只支持整數像素值。 可以在寬度值和「px」之間添加一個空格。
    • upright — 根據用戶的偏好（對於未登錄用戶則是默認的thumbnail尺寸）調整圖像尺寸為適合合理的尺寸。 該選項適合那些高度大於寬度的圖片。 需要 thumb 或 frameless 選項。 選項|upright=1.0|會以用戶的默認圖像寬度顯示圖片。 |upright=2.0|會以用戶默認圖像寬度的2倍顯示圖片。
    圖像總是會保持它原有的長寬比例。
    不可放縮的文件格式的圖片可以被縮小，但不能被放大；例如，位圖圖像不能被放大。
    upright選項並不一定需要一個等號，也就是說，|upright 2.0|和|upright=2.0|效果相同。
    如果沒有填入任何值或等號（例如, |upright|），默認視作 |upright=0.75| （但 |upright=| 的效果相當於 |upright=1.0|）。
    默認最大尺寸取決於「格式」和內部圖像尺寸（根據其媒體類型）。
  • 水平對齊選項：為left，right， center，none中的一個。 如果填入了多個選項，只有第一個會被使用。
    在文本內控制圖片的水平對齊（及行內/塊狀或浮動樣式）（沒有默認值）。
  • 垂直對齊選項：為baseline、sub、super、top、text-top、middle、bottom、text-bottom中的一個；
    在文本內控制非浮動行內圖片的圖片前後，以及同一塊內的垂直對齊（默認的垂直對齊值為middle）。
  • 連結選項：以下之一
    • link={目標} —— 允許您更改生成的連結的目標（為任意頁面標題或URL），可以從圖像連結到；例如：[[File:Example.jpg|20px|link=http://www.wikipedia.org]]呈現為（外部連結），或者是[[File:Example.jpg|20px|link=首页]]呈現為（內部連結）。
    • link= (為空值) —— （MediaWiki 1.14+）顯示圖片且不顯示連結；例如：[[File:Example.jpg|20px|link=]]呈現為。
    如果link和等於號之間有空格，則該語句會被視為普通的圖片說明。
    包含某些HTML字符等價，例如%22替代"，可能導致整個語句被視為圖片說明（參見T306216）。
    !對於MW 1.24及其以下版本：若您設置了|link=|（為空），則不顯示title。（參見T23454。）
  • 其它特定選項：
    • alt={替代文本} —— （MediaWiki 1.14+）定義了若引用的圖像無法下載和嵌入時的替代文本（映射到HTML元素Template:Tag中的alt="..."屬性），或者是所支持的媒體必須使用使用替代描述文本（例如：使用盲文閱讀器或用戶瀏覽器中設置的輔助功能選項）。
    如果alt和等於號之間有空格，則替代文字語句會被視為普通的圖片說明。
    • page={數字} —— 呈現指定的頁碼（當前僅使用於顯示 .djvu 或 .pdf 文件）
    • class={html類} —— （MediaWiki 1.20+）定義類（映射到生成的Template:Tag元素的HTML屬性class="..."）。
    • lang={語言代碼}——（MediaWiki 1.22+）對於包含<switch>聲明，與「系統語言」屬性不同的SVG文件，選擇渲染文件時使用的語言。 默認值總是英語，即便在非英語wiki上。

如果參數不符合任何其他的可能性，則將被認為是標題文本。 如果有多個非參數字符串，則圖片說明中只會使用最後的非參數字符串。 標題文本在thumb 和 frame格式下在圖片下方顯示，其他格式下會作為提示文本顯示。 在thumb 和 frame格式下顯示的標題文本可能包含Wiki連結和其他格式。 MediaWiki擴展可以添加額外的選項。

若「alt」沒有被指定且提供了標題，替代文字將從標題自動創建建而不進行格式化，除了自從字母已經由屏幕閱讀者可讀以來，在「thumb」或「frame」模式中的格式。

格式[編輯 | 編輯原始碼]

下表顯示了所有可用格式的效果。

描述 您輸入的 您輸出的

Help:圖片/frame Help:圖片/frame Help:圖片/frame Help:圖片/frame Help:圖片/frame Help:圖片/frame

當縮略圖中圖像的高度大於其寬度（即縱向而不是橫向）時，如果圖像的高度太大，可以嘗試使用upright=N，其中N是圖像的縱橫比（寬度除以其高度，默認為0.75）。 另一種方法是明確指定所需的最大高度（以像素為單位）。

注意，通過添加thumb={filename}，您可以為縮略圖使用不同的圖像。

大小和框架[編輯 | 編輯原始碼]

在不同的格式中，大小參數的效果可能不同，如下所示。

  • 關於在未指定大小時的顯示方式，請參閱上面的格式章節。
  • 當格式沒有指定或者只有border，圖像的尺寸可以縮小或放大到所有指定的尺寸。
  • 在下面的例子中，圖像的原始尺寸為400×267像素。
  • 帶有frame時，圖像將始終忽略指定的大小。原始圖像的尺寸超過用戶偏好中定義的最大尺寸時，則將會被縮小，頁面信息將會顯示一個Linter錯誤。
  • 帶有thumb或frameless時，圖像被可以減小，但不能放大超出圖像的原始大小。
格式 縮小 放大

Help:圖片/size Help:圖片/size Help:圖片/size Help:圖片/size Help:圖片/size

水平對齊[編輯 | 編輯原始碼]

注意，當使用frame 或 thumb[nail] 格式時，對於從左向右書寫的語言，圖片是水平向右對齊的；對於從右向左書寫的語言，圖片水平向左對齊。

描述 您輸入的 您得到的

Help:圖片/frame Help:圖片/frame Help:圖片/frame Help:圖片/frame Help:圖片/frame

垂直對齊[編輯 | 編輯原始碼]

垂直對齊選項僅在圖像呈現為內聯元素且不浮動時才能生效。 它們改變了內嵌圖像在同一渲染行上的圖像之前和/或之後與同一塊中存在的文本垂直對齊的方式。

注意，插入內嵌圖像顯示的文本行（以及後面顯示的文本行）可能會向下移動（這將通過增加行間距來增加行高度，就像使用span標籤設置字體大小參數的文本或者是帶有上標或下標），以根據這個對齊約束來完全顯示圖像的高度。

切換原始碼視圖
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''top:''' [[File:Example.jpg|20px|top]] [[File:Example.jpg|40px|top]] [[File:Example.jpg|100px|top]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''text-top:''' [[File:Example.jpg|20px|text-top]] [[File:Example.jpg|40px|text-top]] [[File:Example.jpg|100px|text-top]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
<sup>super:</sup> [[File:Example.jpg|20px|super]] [[File:Example.jpg|40px|super]] [[File:Example.jpg|100px|super]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''baseline:''' [[File:Example.jpg|20px|baseline]] [[File:Example.jpg|40px|baseline]] [[File:Example.jpg|100px|baseline]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
<sub>'''sub:'''</sub> [[File:Example.jpg|20px|sub]] [[File:Example.jpg|40px|sub]] [[File:Example.jpg|100px|sub]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''default:''' [[File:Example.jpg|20px]][[File:Example.jpg|40px]] [[File:Example.jpg|100px]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''middle:''' [[File:Example.jpg|20px|middle]] [[File:Example.jpg|40px|middle]] [[File:Example.jpg|100px|middle]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''text-bottom:''' [[File:Example.jpg|20px|text-bottom]] [[File:Example.jpg|40px|text-bottom]] [[File:Example.jpg|100px|text-bottom]]
<del>text</del></u></span></p>
 
<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
'''bottom:'' [[File:Example.jpg|20px|bottom]] [[File:Example.jpg|40px|bottom]] [[File:Example.jpg|100px|bottom]]
<del>text</del></u></span></p>

為了更清晰地顯示對齊結果，文本被添加上劃線和下劃線，字體大小增加到200％，並且用細邊框勾勒段落塊；另外不同大小的圖像是成一條線的：

text top: text

text text-top: text

text super: text

text baseline: text

text sub: text

text default: text

text middle: text

text text-bottom: text

text bottom: text

備註：

  1. 圖片位置的「居中」垂直對齊（即默認值）通常是指位於x高度和文本基線中央（圖像的垂直中心會對齊到x高度，文本書寫與文本基線上），但並不是對齊到字體高度的行高的中央（即「文本頂部」和「文本底部」位置之間的空格）；字體高度不包括：
    • 額外的行距（line separation spacing）通常被均分為字體高度上方和下方的兩個行邊距（line-margins），這裏是0.5em，根據設置為200%的行高。
    • 可能被上下標添加的額外行距。
  2. 然而，如果圖像高度導致頂部或底部位置超過正常完整文本行高之上或之下，則中央位置會在增加頂部/底部行間距後進行調整，這樣圖片可以適當地適應和對齊，且所有圖片（包括高度較小的）將垂直居中於文本調整中間位置（為了計算有效行高，會考慮每行字體高度較大的文本）。
  3. 「文本頂部」和「文本底部」對齊位置也不包括由上下標添加的額外行距，但沒有由行高定義的額外的行距。
  4. 「頂部」與「底部」對齊位置會考慮所有的額外的行距（包括上下標，如果渲染的行範圍中存在）。 當圖像對齊將圖像限制在正常行距之上或之下增長，且圖像不是絕對定位時，圖像將導致調整「頂部」和「底部」位置（就像上標和下標一樣），因此文本的渲染行之間的有效行高會更高。
  5. 「下劃線」「上劃線」「刪除線」這些文本裝飾（text-decoration），一般是在這兩個限制之內的，「可能會」取決於使用的字體的類型和高度（部分瀏覽器會考慮上下標，但通常這些樣式會被忽略，文本裝飾的位置也不會調整）；所以這些文本裝飾通常不會影響圖像相對文本的垂直位置。

停止文本流[編輯 | 編輯原始碼]

有時需要阻止文本（或其他內聯非浮動圖像）在浮動圖像周圍流動。 根據web瀏覽器的屏幕解像度或者類似的，圖像右側的文本流可能導致段落標題（例如，== 我的标题 ==）出現在圖像的右側，而不是像用戶想看到的那樣出現在圖像下方。 可以通過在需要在浮動圖像之下開始的文本之前放置<br clear=all>（或者，如果你願意，也可以<div style="clear: both"></div>）來阻止文本流。 （也可以通過將帶有浮動圖片的段落包裝在<div style="overflow: hidden">…</div>中來做到這樣而無需添加新行，這會清除div元素內的所有浮動。）

所有渲染為塊的圖像（包括非浮動的中央圖像、左浮或右浮的圖像，以及有框架或縮略圖的浮動圖像）都會不明顯地打斷周圍文本行（中止圖片前文本的當前塊，為其後的文本創建新的段落）。 然後，這些圖像就會沿着左側或右側對齊邊距（或者沿着居中對齊圖像的這些邊距之間的中心行）垂直堆疊。

修改默認連結目標[編輯 | 編輯原始碼]

下表顯示了如何更改連結目標（默認為圖像說明頁面）或如何移除它。 更改連結不會改變前面部分中描述的格式。

描述 您輸入的 您輸出的

Help:Images/frame Help:Images/frame Help:Images/frame

警告:

您的wiki上的許可要求可能會禁止您移除所有指向描述頁的連結，因為那上面顯示了必需的作者署名、著作權聲明、應用的許可證、或者對圖片更詳細的描述（包括該文件的更改歷史）。
如果您更改或者移除了一個圖片的連結，您之後需要在該頁面其他位置提供一個單獨的連結指向描述頁，或者在圖片許可信息與頁面不一致的情況下列出著作權和作者的信息並提供指向應用的許可證的連結。
您的wiki政策可能會限制連結參數的使用，甚至直接阻止嵌入式媒體文件的連結參數（此情況下連結參數會被忽略），或者只能在認證用戶或管理員許可後才能使用。


渲染一系列圖片的圖庫[編輯 | 編輯原始碼]

圖庫語法[編輯 | 編輯原始碼]

使用Template:Tag標籤製作縮略圖圖庫很容易。 語法為： 

<gallery>
File:file_name.ext|caption|alt=alt language
File:file_name.ext|caption|alt=alt language
{...}
</gallery>

注意，在gallery標籤中圖片代碼沒有使用中括號括起來。

標題是可選的，其可以包含Wiki連結或其他格式。 Template:Note 控制圖片顯示的一些參數也可以在這裏使用，特別是那些修改文件的參數（與控制圖像在頁面中的位置不同）。 例如：帶有多個頁面的PDF文檔，您可以使用像page=4這樣的代碼。

File:前綴可以被省略。 不過，包含前綴有助於快速在wikitext中定位圖片聲明語句（比如說清理頁面版式的時候）

例如： 

<gallery>
File:Example.jpg|Item 1
File:Example.jpg|a link to [[Help:Contents]]
File:Example.jpg
File:Example.jpg|alt=An example image. It has flowers
File:Example.jpg|''italic caption''
File:Example.jpg|Links to external website|link=https://example.com
File:Example.jpg|link=w:Main_Page|Internal link
Example.jpg|on page "{{PAGENAME}}"
File:Using Firefox.pdf|page=72
</gallery>

會被格式化為：

  • Item 1

    Item 1

  • a link to Help:Contents

    a link to Help:Contents

  • An example image. It has flowers
  • italic caption

    italic caption

  • Links to external website

    Links to external website

  • Internal link

    Internal link

  • on page "圖片"

    on page "圖片"

mode參數[編輯 | 編輯原始碼]

自MediaWiki 1.22版本開始，圖庫有了一個實驗性的mode參數，採取如下選項：

  • traditional是MediaWiki使用的最初的圖庫類型。
  • nolines與traditional相似，但不包含邊框。
  • packed使圖像擁有相同的高度但是寬度不同，圖像之間的空隙很小。 這個響應模式中的行根據屏幕的寬度自行組織。
  • packed-overlay用一個半透明的白框將標題覆蓋顯示在圖像上。
  • packed-hover與packed-overlay相似，但圖片標題和白框只在懸停時顯示。
  • slideshow用幻燈片形式展現圖像。

例如： 

<gallery mode="packed-hover">
Image:Astronotus_ocellatus.jpg|''[[commons:Astronotus ocellatus|Astronotus ocellatus]]'' (Oscar)
Image:Salmonlarvakils.jpg|''[[commons:Salmo salar|Salmo salar]]'' (Salmon Larva)
Image:Georgia Aquarium - Giant Grouper.jpg|''[[commons:Epinephelus lanceolatus|Epinephelus lanceolatus]]'' (Giant grouper)
Image:Pterois volitans Manado-e.jpg|''[[commons:Pterois volitans|Pterois volitans]]'' (Red Lionfish)
Image:Macropodus opercularis - front (aka).jpg|''[[commons:Macropodus opercularis|Macropodus opercularis]]'' (Paradise fish)
Image:Canthigaster valentini 1.jpg|''[[commons:Canthigaster valentini|Canthigaster valentini]]'' (Valentinni's sharpnose puffer)
Image:Flughahn.jpg|[[Image:POTY ribbon 2007.svg|25px]] ''[[commons:Dactylopterus volitans|Dactylopterus volitans]]'' (Flying gurnard)
Image:Fishmarket 01.jpg|''[[commons:Semicossyphus pulcher|Semicossyphus pulcher]]'' (California Sheephead)
Image:Pseudorasbora parva(edited version).jpg|''[[commons:Category:Pseudorasbora parva|Pseudorasbora parva]]'' (Topmouth gudgeon)
Image:MC Rotfeuerfisch.jpg|''[[commons:Category:Pterois antennata|Pterois antennata]]'' (Antennata Lionfish)
Image:Cleaning station konan.jpg|''[[commons:Novaculichthys taeniourus|Novaculichthys taeniourus]]''
Image:Synchiropus splendidus 2 Luc Viatour.jpg|''[[commons:Synchiropus splendidus|Synchiropus splendidus]]'' (Mandarin fish)
File:Psetta maxima Luc Viatour.jpg|''[[commons:Psetta maxima|Psetta maxima]]'' (Turbot)
File:Australian blenny.jpg|''[[commons:Category:Ecsenius|Ecsenius axelrodi]]''
</gallery>

使用（packed-hover選項）：

使用其他選項的例子：

mode="traditional"

mode="nolines"

mode="packed"

mode="packed-overlay"

mode="packed-hover"

Template:MW 1.28 mode="slideshow"

可選的圖庫屬性[編輯 | 編輯原始碼]

gallery標籤本身也有一些額外的參數，通過名稱-值對進行聲明： 

<gallery {parameters}>
{images}
</gallery>
  • caption="{caption}": （多個詞彙需要包含在雙引號之間）在圖庫頂部居中位置顯示說明。只能使用純文本，格式代碼、模板等不會工作。
  • widths={width}px: 設置圖片的（最大）寬度。默認值是120像素。 （當模式設置為以下選項之一時無效：packed, packed-overlay, packed-hover, slideshow） 注意複數：widths.
  • heights={heights}px: 設置圖片的（最大）高度。默認值是120像素。 （當模式設置為slideshow時無效。）
  • perrow={integer}：設置一行內圖片的數量。 （當模式設置為以下選項之一時無效：packed, packed-overlay, packed-hover, slideshow） 0 表示根據屏幕寬度自動調整數量。
  • showfilename={anything}：在單獨的圖片標註中顯示每個文件的文件名稱（1.17+）。
  • mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}：見上文。（1.22+；對於"slideshow"則是1.28+）
  • showthumbnails: 僅供 "slideshow" 模式，在幻燈片底部顯示帶有圖像縮略圖的條帶（1.29+）。

Template:Note

示例 1

語法： 

<gallery widths=300px heights=200px>
File:Example.jpg|Lorem ipsum
File:Example.jpg|Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
</gallery>

結果：

  • Lorem ipsum

    Lorem ipsum

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut

示例 2

語法： 

<gallery widths=60px heights=60px perrow=7 caption="sunflowers are groovy">
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
File:Example.jpg
</gallery>

結果：

  • sunflowers are groovy

將包裹至瀏覽器寬度的圖片行[編輯 | 編輯原始碼]

對於一行寬度不同的圖片，一種有效的方法就是不使用「thumb」、「left」、或「none」。 如果不使用「thumb」（因此也不會有文件說明），這一行圖片就會換行到瀏覽器的寬度。 需要的話，您可以縮小瀏覽器的寬度，查看下面一行的圖片換行到瀏覽器的寬度。 

[[File:Example.jpg|220px]]
[[File:Example.jpg|100px]]
[[File:Example.jpg|150px]]
[[File:Example.jpg|250px]]
[[File:Example.jpg|200px]]
[[File:Example.jpg|50px]]
[[File:Example.jpg|220px]]
[[File:Example.jpg|175px]]

要將帶有文件說明而寬度不同的圖片就需要給一個無序列表使用div標籤，並加上代碼style="display: inline-block;"。更多信息和想法請參閱Give Floats the Flick in CSS Layouts。 

<div><ul> 
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|220px|Caption 1]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|100px|Caption 2]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|150px|Caption 3]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|250px|Caption 4]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|200px|Caption 5]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|50px|Caption 6]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|220px|Caption 7]] </li>
<li style="display: inline-block;"> [[File:Example.jpg|thumb|none|175px|Caption 8]] </li>
</ul></div>
  • Caption 1
  • Caption 2
  • Caption 3
  • Caption 4
  • Caption 5
  • Caption 6
  • Caption 7
  • Caption 8

要將圖片頂部對齊，請添加vertical-align參數。 

<div><ul> 
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|220px|Caption 1]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|100px|Caption 2]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|150px|Caption 3]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|250px|Caption 4]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|200px|Caption 5]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|50px|Caption 6]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|220px|Caption 7]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:Example.jpg|thumb|none|175px|Caption 8]] </li>
</ul></div>
  • Caption 1
  • Caption 2
  • Caption 3
  • Caption 4
  • Caption 5
  • Caption 6
  • Caption 7
  • Caption 8

有些wiki農場不包含所有圖庫的選項（比如「widths」）。 同樣的，有些時候人們希望在同一行里對不同圖片調整寬度。 在圖庫或div元素之外，不可能為一行內每個圖片添加文件說明，同時讓它們換行到瀏覽器寬度。 您可以試一下。除了wikitext之外沒有別的東西會正常工作。這些圖片要麼向右溢出，要麼會強制出現一個水平滾動條。

為一些圖片指定左側浮動（"left"），同時為另一些圖片使用"none"也不會正常工作，尤其是右側有一個圖片邊欄。 這會導致一些奇怪的問題。 在較窄的瀏覽器或屏幕寬度下，行外的一張圖片會出現在頁面極下方，也就是右側圖片邊欄的後面。

連結行為[編輯 | 編輯原始碼]

默認情況下圖片是連結到他的描述頁面的。 「link=」選項可以修改這個行為將圖片連結的另一個頁面或網站，或是關閉圖片的連結行為。

另外，您可以創建一個文本連結到文件描述頁面或文件本身。 參見Help:連結到文件 。

顯示圖片，連結至另一頁面或網站[編輯 | 編輯原始碼]

使用「link=」選項鍊接圖像到另一個頁面或網站：

點擊下方的圖像將會引導您到mw:MediaWiki頁面： 

[[File:MediaWiki-2020-logo.svg|50px|link=mw:MediaWiki]]

點擊下方的圖像將會帶您到example.com： 

[[File:MediaWiki-2020-logo.svg|50px|link=http://example.com]]

顯示關閉連結的圖像[編輯 | 編輯原始碼]

使用「link=」選項而不對齊賦值來完全關閉連結；下方是不帶連結的圖像： 

[[File:MediaWiki-2020-logo.svg|50px|link=]]

連結到圖像[編輯 | 編輯原始碼]

添加:作為前綴到您要創建的連結前： 

[[:File:MediaWiki-2020-logo.svg]]

File:MediaWiki-2020-logo.svg 

[[:File:MediaWiki-2020-logo.svg|Wiki]]

Wiki

直接連結到圖像[編輯 | 編輯原始碼]

上面的示例會連結到圖片的描述頁面。 要直接連結到圖片本身，您可以在Mediawiki頁面上使用Media:命名空間： 

[[Media:MediaWiki-2020-logo.svg]]

Media:MediaWiki-2020-logo.svg

來自外部網站的直鏈[編輯 | 編輯原始碼]

另一種可能就是使用特殊頁面Special:Redirect/file（簡寫為Special:Filepath）。 不像前面的例子，您可以在Mediawiki頁面或外部網站連結到圖片上。 

[[Special:Redirect/file/Wikipedia.png]]

您也可以添加參數height和width來得到一個特定尺寸的圖片。 圖片的縱橫比始終會保持不變。 

https://www.mediawiki.org/w/index.php?title=Special:Redirect/file/Wikipedia.png&width=100&height=100

獲取圖片的完整連結[編輯 | 編輯原始碼]

要獲取圖片的完整連結（而不使用前文的重定向），您可以使用一些魔術字 。 

{{filepath:MediaWiki-2020-logo.svg}}

會變為：

https://upload.wikimedia.org/wikipedia/commons/d/dd/MediaWiki-2020-logo.svg

鑑於這個是用在一個模板格式之中，並且需要移除File命名空間，您也可以使用{{PAGENAME}}： 

{{filepath:{{PAGENAME:File:MediaWiki-2020-logo.svg}}}}

會變成：

https://upload.wikimedia.org/wikipedia/commons/d/dd/MediaWiki-2020-logo.svg

在其他網站的圖片[編輯 | 編輯原始碼]

您可以使用連結到外部網頁的相同方式連結到可在線獲取的外部文件。 帶有這些句法，圖像將不會被渲染，但是只有連結到這個圖像的文本才會被顯示。 

[http://url.for/some/image.png]

或顯示不同的文字： 

[http://url.for/some/image.png 在此输入链接文本]

額外的MediaWiki標記或HTML/CSS格式（對於內聯元素）允許在顯示文本中使用（除破壞周圍連結的嵌入式連結外）： 

[http://www.example.com/some/image.png 这里是'''<del>富</del>'''''<ins>文本链接</ins>''示例。]

會渲染為： 這裏是富文本連結示例。

若這在您的Wiki上啟用了（參見mw:Manual:$wgAllowExternalImages），您可以嵌入外部圖像。要這樣做，只需插入圖片網址： 

http://url.for/some/image.png

目前，嵌入式圖像無法調整大小，但可以通過MediaWiki標記或HTML/CSS代碼進行格式化。

如果此Wiki未啟用該選項，則圖像將不會被嵌入，而會以與上述相同的方式呈現為外部網站的文本連結。

參見[編輯 | 編輯原始碼]

取自 "https://dlfm-wiki.top/wiki/Help:图片?oldid=6058"
最後修改
此頁面最後編輯於 2023年11月2日 (星期四) 17:25。
版權
除非另有註明，否則所有內容皆以 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) 條款授權。
Cookies 幫助我們給予服務內容。依您有使用我們的服務，代表您同意我們使用 cookies。
更多資訊