Help:画像
 |
|
このページでは、ウィキを
MediaWiki サーバーにFile: Image: Media:
必要 条件
対応 している画像 のメディアの種類
.jpgまたは.jpeg-標準 JPEG形式 で圧縮 されたビットマップ画像 (この非 可逆 形式 は、写真 に最 も適 しています).png- Portable Network Graphics形式 のビットマップ画像 ("W3 Consortium"で指定 されています).gif- レガシーのグラフィック インターチェンジ形式 のビットマップ画像 .webp- WebP supports both lossy and lossless compression while reducing image size by up to 45%.
Wikimediaで
.svg- Scalable Vector Graphics形式 のベクター画像 （「W3 Consortium」で策定 ） Manual:画像 の管理 #SVG を参照 してください。.tiff- タグ付 けされた画像 書式 しばしば、資料 保存 のための高画質 な写真 に用 いられます。 しばしば、Extension:PagedTiffHandler と一緒 に用 いられます。.ogg,.oga,.ogv- Ogg マルチメディア (音声 または動画 )画像 形式 ではありませんが、同様 に扱 われます。 しばしば、Extension:TimedMediaHandler と一緒 に用 いられます。(訳注 : Extension:OggHandler は廃止 済 み).pdf- Portable Document Format形式 の複数 ページドキュメント（当初 は “Adobe” によって策定 されていました） しばしば、Extension:PdfHandler と一緒 に用 いられます。.djvu- DjVu形式 の複数 ページのビットマップ文書 (ほとんどの場合 、書籍 のスキャンに使 われます)。 Manual:How to use DjVu with MediaWiki を参照 してください一 度 に表示 できる.pdf/.djvuファイルは 1点 のみです。
単純 な画像 の処理
構文
[[File:filename.extension|options|caption]]
ただし オプション は、
書式 オプション: border (余白 ) および/または frameless (枠 なし)、frame (枠 あり)、thumb (サムネイル、thumbnail も可 )。 Note: border can be used in combination with frameless but will be ignored if used with one of the other options.- ページ
内 で画像 を描写 する書式 と埋 め込 みの方式 を決 めます。
- ページ
- サイズ
調整 のオプション：以下 のいずれか- {width}px — ピクセル
単位 で幅 を上限 に合 わせる。高 さは無 調整 。 (整数 画素 の値 のみサポートされます。幅 の指定 値 と「px」のあいだに空白 スペースが入 っても問題 ありません。) - x{height}px — ピクセル
単位 で幅 は無 調整 、高 さは上限 整数 画素 の値 のみサポートされます。高 さの値 と"px"の間 に空白 文字 があってもよい。 - {width}x{height}px — ピクセル
単位 で幅 も高 さも上限 値 整数 画素 の値 のみサポートされます。幅 の指定 値 と「px」のあいだに空白 スペースが入 っても問題 ありません。 - upright — Resizes an image to a multiple of the user's thumbnail size preferences – or the default thumbnail size, for logged-out users or logged-in users who have not changed their preferences – to fit within reasonable dimensions. This option is often useful for images whose height is larger than their width. Requires either thumb or frameless.
|upright=1.0|の設定 により、画像 は利用 者 の既定 の画像 幅 で表示 。|upright=2.0|により、幅 は利用 者 の既定 の2倍 で画像 を表示 。
画像 の縦横 比 は常 に再現 されます。- スケーラブルではない
画像 の縮小 可能 ですが、拡大 はできません。たとえばビットマップ画像 がこれに該当 。 uprightの設定 は等号 不要 です。|upright 2.0|と記 すだけで|upright=2.0|と同 じ指定 になります。数値 もしくは等号 がない場合 (例 えば|upright|のみ)、既定 で|upright=0.75|になります (ただし|upright=|は|upright=1.0|と同等 になる)既定 の最大 サイズはformat要素 と内部 の画像 サイズ指定 に依存 （メディアの種類 別 に異 なります）。
- {width}px — ピクセル
水平 位置 オプション：left、 right、center、noneのいずれかひとつ。複数 のオプションを記述 した場合 、1番目 のみ採用 画像 と文章 の水平 方向 の位置 関係 （テキストの回 り込 みの有無 ）を決 めます（既定 値 なし）。
垂直 位置 オプション： baseline、sub、super、top、text-top、middle、bottomのいずれかひとつ。同 じブロック内 の前後 のテキストに対 して、非 浮動 インライン画像 の垂直 方向 の配置 を決 めます（既定 の垂直 方向 の配置 は middle）。
- リンク オプション:
以下 のいずれか- link={target} —
生成 されたリンクのリンク先 を (任意 のページ名 または URL に)変更 できるようにする。レンダリングされた画像 上 で使用 できる。例 :[[File:Example.jpg|20px|link=http://www.wikipedia.org]]は
(外部 リンク) として、[[File:Example.jpg|20px|link=MediaWiki]]は (内部 リンク) としてレンダリングされる。 - link= (
値 が空 の場合 ) — (MediaWiki 1.14+) リンクをつけない画像 表示 。例 [[File:Example.jpg|20px|link=]]はとして処理 。
- もし
linkと等号 のあいだに空白 スペースが入 ると、リンクはキャプションとして表示 されます。 "に対 して%22を使用 するなど、幾 つかのHTML文字 に相当 するものを含 めると、リンク文 が説明 文 として扱 われることがあります（phabricator:T306216をご覧 ください）。- ! MW 1.24
以前 の場合 ：|link=|(empty) に設定 するとtitleは処理 されません。（phabricator:T23454参照 。）
- link={target} —
- その
他 の固有 のオプション:- alt={alternative text} — (MediaWiki 1.14+)
特定 の画像 の代替 テキストを指定 (作成 された<img />要素 に対 するHTML属性 としてalt="..."を呼 び出 し)、指定 した画像 のダウンロードと埋 め込 みに失敗 した場合 や、サポートメディアが代替 の説明 文 を使用 する必要 がある状況 (点字 リーダーの使用 中 または利用 者 がブラウザーのアクセシビリティのオプションを設定 ) で表示 します。
- もし
altと等号 のあいだに空白 スペースが入 ると、代替 文 はキャプションとして表示 されます。
- page={number} —
特定 のページ番号 を表示 （現状 では.djvuもしくは.pdf形式 のファイルにのみ適用 ）。 - thumbtime={number} — Renders a thumbnail from the video at the specified timestamp in seconds or MM:SS or HH:MM:SS format (only applicable when showing a video file).
- start={number} — When video playback is started it will start at the specified timestamp in seconds or MM:SS or HH:MM:SS format (only applicable when showing a video file).
- muted — When media playback is started, audio will be muted.
- loop — Media will loop continuously. (only applies to audio and video)
- lossy={false} — (PagedTiffHandler) For using PNG instead of JPG thumbnails for Tiff images
- class={html class} — (MediaWiki 1.20+)クラスを
定義 します (生成 された<span>...</span>要素 の周 りにラップされた<img />要素 の HTML属性 class="..."にマップします)。
- alt={alternative text} — (MediaWiki 1.14+)
<img /> element.[2]- lang={language code} — (MediaWiki 1.22+) SVGファイルに<switch>
文 を含 む場合 にシステム言語 属性 に依存 してファイルを解析 する言語 を選択 します。既定 値 はページの言語 です (既定 値 は多 くのプロジェクトでプロジェクトの既定 の言語 です)。
- lang={language code} — (MediaWiki 1.22+) SVGファイルに<switch>
'alt'を
書式
インラインでレンダリング: はい キャプションのレンダリング: いいえ |
... |
...
|
| borderは インラインでレンダリング: はい キャプションのレンダリング: いいえ |
... |
...
|
| framelessはサムネイル インラインでレンダリング: はい キャプションのレンダリング: いいえ |
... |
...
|
| frameless および border インラインでレンダリング: はい キャプションのレンダリング: いいえ |
... |
...
|
| frame インラインでレンダリング: いいえ キャプションのレンダリング: はい |
... |
...  |
| thumb または thumbnail インラインでレンダリング: いいえ キャプションのレンダリング: はい |
... |
... |
サムネイルがupright=Nを
thumb={filename}を
サイズとフレーム
サイズ
- サイズを
指定 しなかった場合 の表示 は、上記 書式 節 を参照 してください。 書式 が未 指定 、もしくはborder付 きとだけ指定 した場合 、画像 は任意 の大 きさに縮小 も拡大 もできます。下記 のサンプル画像 のサイズは本来 、400 × 267 ピクセルです。
- An image with
framealways ignores the size specification; the original image will be reduced if it exceeds the maximum size defined in user preferences, and the page information will display a Linter error.
thumbおよびframelessの画像 は、縮小 はできますが、画像 の元 のサイズを超 えて拡大 することはできません。
| ( |
[[File:example.jpg|50px]]
|
[[File:example.jpg|500px]]
|
|---|---|---|
| border |
[[File:example.jpg|border|50px]]
|
[[File:example.jpg|border|500px]]
|
| frame |
[[File:example.jpg|frame|50px]] |
[[File:example.jpg|frame|500px]]
|
| thumb |
[[File:example.jpg|thumb|50px]] |
[[File:example.jpg|thumb|500px]]
|
| frameless |
[[File:example.jpg|frameless|50px]]
|
[[File:example.jpg|frameless|500px]]
|
水平 位置
frameまたはthumb[nail]
インラインでレンダリング: はい |
... |
...
|
インラインでレンダリング: いいえ |
... |
... |
インラインでレンダリング: いいえ |
... |
... |
インラインでレンダリング: いいえ |
... |
... |
インラインでレンダリング: いいえ |
... |
... |
垂直 位置
<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>
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
通常 、画像 の位置 指定 で垂直 方向 の"middle"（既定 の中央 の配置 ）とは、テキストの高 さxとベースラインの中心 （ここに画像 の高 さの中心 を合 わせ文字 の中心 を横切 る）であって、"text-top"と "text-bottom"の間 の空間 を示 すフォント高 さの行 高 さの中心 ではありません。フォント高 さは以下 を除外 します。行 と行 の間 に補完 する空白 で、通常 はフォント高 さの上下 に、行 余白 2箇所 に均等 に配分 されます（このサンプルは200%拡大 してあるため0.5em）。行 と行 の間 に補完 する空白 で、上 付 き文字 と下 付 き文字 によって追加 されます。
- しかしながら
画像 の高 さが原因 で、画像 の上辺 または下辺 がテキストの正常 な行 の全 高 より上 もしくは下 に位置 する場合 は、画像 が収 まって正 しい位置 になるように上 または下 の行 マージンを増 やして中心 の位置 を調整 し、すべての画像 （高 さが低 いものを含 め）を調節 後 の中心 の位置 に配置 します（コンピュータ処理 上 は有効 な行 の高 さ、解析 した列 ごとに高 さが大 きめのフォントを考慮 に入 れます）。 - "text-top"と"text-bottom"
位置 の配置 はやはり上 付 き文字 や下 付 き文字 によって追加 された分 の行間 を除外 するものの、行高 さの指定 で増 えた行間 は含 めます。 - "top"と"bottom"
位置 の配置 では、あらゆる行間 を増 やす要素 （解析 した行 スパン内 の上 付 き文字 と下 付 き文字 を含 む）を考慮 に入 れます。画像 の配置 指定 が原因 で、画像 が正常 の行間 より上 または下 にはみ出 さないために画像 の位置 が正 しく配置 されない場合 には、"top"と"bottom"の配置 は（まるで上 付 き文字 と下 付 き文字 のように）画像 の影響 を受 け、解析 したテキスト行 の有効 な行 高 さは大 きくなります。 文字 装飾 の"underline"と"overline"、"overstrike"の位置 はこれら2つの制限 範囲 内 に収 まるべきで、使用 するフォントの種類 や高 さの影響 を受 けることもあります (ブラウザーによっては上 付 き文字 と下 付 き文字 のスタイルが考慮 されるものの、通常 はそれらのスタイルは無視 され装飾 は位置 の調整 を受 けません)。このように装飾 文字 はテキストに対 するのとは異 なり、通常 、画像 の垂直 方向 の配置 に影響 を与 えません。
回 り込 みの解除
ときにはテキスト（あるいはその<br clear=all>（<div style="clear: both"></div>でも<div style="overflow: hidden">…</div>でdiv
ブロック
既定 のリンク ターゲットの変更
リンクターゲットの
... |
...
| |
... |
...
| |
| リンクなし（ |
... |
...
|
- ご
利用 のウィキによっては、ライセンス要件 として著者 の帰属 、著作 権 に関 する記述 、適用 されるライセンス条項 、あるいはまたレンダリングされた画像 の詳細 な（修正 の履歴 を含 む）説明 を表示 する説明 ページへの必要 なリンクは、一切 削除 が許可 されません。 - もし
特定 の画像 のターゲットリンクを変更 または削除 する場合 、ページの別 の場所 にこの説明 ページへの明示 的 なリンクを提供 するか、または画像 を埋 め込 んだページ自体 に該当 する要素 と異 なる場合 は、著作 権 と著者 の記述 ならびに該当 するライセンスへのリンクを表示 する必要 があります。 - ご
利用 のウィキの方針 によっては、代替 のリンク属性 の使用 を制限 したり、埋 め込 みメディアファイルに代替 リンク属性 を強 く禁止 することもあり（この場合 にはリンク属性 は無視 ）あるいはまた、権限 を与 えられたユーザーまたは管理 者 による検証 後 のみ、それらを受 け入 れます。
画像 のギャラリー表示 の処理
ギャラリーの構文
<gallery>タグを
<gallery>
File:file_name.ext|caption|alt=alt language
File:file_name.ext|caption|alt=alt language
{...}
</gallery>
ギャラリータグ
キャプションを
サムネイルのpage=4、ビデオのthumbtime=10のような
File:
<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 -
a link to Help:Contents
-
-
-
italic caption
-
Links to external website
-
Internal link
-
on page "Images/ja"
-
mode パラメーター
| MediaWiki バージョン: | ≧ 1.22 |
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モード）
-
Astronotus ocellatus (Oscar) -
Salmo salar (Salmon Larva) -
Epinephelus lanceolatus (Giant grouper) -
Pterois volitans (Red Lionfish) -
Macropodus opercularis (Paradise fish) -
Canthigaster valentini (Valentinni's sharpnose puffer) -
Dactylopterus volitans (Flying gurnard) -
Semicossyphus pulcher (California Sheephead) -
Pseudorasbora parva (Topmouth gudgeon) -
Pterois antennata (Antennata Lionfish) -
-
Synchiropus splendidus (Mandarin fish) -
Psetta maxima (Turbot) -
.jpg)
.jpg)
その
mode="traditional"
-
Astronotus ocellatus (Oscar) -
Salmo salar (Salmon Larva) -
Epinephelus lanceolatus (Giant grouper)
mode="nolines"
-
Astronotus ocellatus (Oscar)
-
Salmo salar (Salmon Larva)
-
Epinephelus lanceolatus (Giant grouper)
mode="packed"
-
Astronotus ocellatus (Oscar)
-
Salmo salar (Salmon Larva)
-
Epinephelus lanceolatus (Giant grouper)
mode="packed-overlay"
-
Astronotus ocellatus (Oscar)
-
Salmo salar (Salmon Larva)
-
Epinephelus lanceolatus (Giant grouper)
mode="packed-hover"
-
Astronotus ocellatus (Oscar)
-
Salmo salar (Salmon Larva)
-
Epinephelus lanceolatus (Giant grouper)
| MediaWiki バージョン: | ≧ 1.28 |
mode="slideshow"
-
Astronotus ocellatus (Oscar)
-
Salmo salar (Salmon Larva)
-
Epinephelus lanceolatus (Giant grouper)
-
Pterois volitans (Red Lionfish) -
Macropodus opercularis (Paradise fish) -
Canthigaster valentini (Valentinni's sharpnose puffer) -
Dactylopterus volitans (Flying gurnard) -
Semicossyphus pulcher (California Sheephead) -
Pseudorasbora parva (Topmouth gudgeon) -
Pterois antennata (Antennata Lionfish) -
-
Synchiropus splendidus (Mandarin fish) -
Psetta maxima (Turbot) -
ギャラリーのその他 の属性
ギャラリーのタグ
<gallery {parameters}>
{images}
</gallery>
caption="{caption}"：キャプション（2単語 以上 の文 を欧文 の半角 二 重 引用 符 で挟 んで指定 ）をギャラリーの上辺 に中央 揃 えで配置 します。キャプションの文 は、書式 指定 やテンプレートその他 のマークアップは無効 です。widths={width}px：画像 の幅 （最大 値 ）を指定 。既定 値 は120px。 (It has no effect if mode is set to one of the following: packed, packed-overlay, packed-hover, slideshow.)複数 形 の widths であることにご注意 ください.heights={heights}px: ：画像 の高 さ（最大 値 ）を指定 。既定 値 は120px。 (It has no effect if mode is set to slideshow.)perrow={integer}：1列 の画像 の点数 を設定 。 (It has no effect if mode is set to one of the following: packed, packed-overlay, packed-hover, slideshow.) 0 にすると、画面 の幅 に合 わせて自動 で調整 。showfilename={anything}：画像 1点 ごとのキャプションにファイル名 を表示 （1.17以降 ）。mode={traditional|nolines|packed|packed-hover|packed-overlay|slideshow}：上記 の節 を参照 （1.22以降 。"slideshow"は1.28以降 ）。showthumbnails: 「スライドショー」モード限定 で、スライドショー下部 に既定 で帯状 に画像 のサムネイルを表示 (1.29以降 )。
例 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 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
-
-
-
-
-
-
-
-
-
-
ブラウザー画面 の幅 に合 わせ画像 が次 の列 に折 り返 す
[[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]]
キャプションstyle="display: inline-block;"と
<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
<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ファーム（wikiホスティングサービス）によっては、ギャラリー
リンクの挙動
あるいは
画像 を表示 し、他 のページもしくは外部 サイトにリンクさせる
「link=」オプションを
[[File:MediaWiki-2020-logo.svg|50px|link=MediaWiki]]
[[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|Wiki]]
画像 への直接 リンク
Media:を
[[Media:MediaWiki-2020-logo.svg]]
外部 サイトからの直接 リンク
もう
[[Special:Redirect/file/Wikipedia.png]]
また、heightwidthのパラメータを
https://www.mediawiki.org/w/index.php?title=Special:Redirect/file/Wikipedia.png&width=100&height=100
画像 の完全 な URL の取得
（
{{filepath:MediaWiki-2020-logo.svg}}
- //upload.wikimedia.org/wikipedia/commons/d/dd/MediaWiki-2020-logo.svg
これをFile:{{PAGENAME}} を
{{filepath:{{PAGENAME:File:MediaWiki-2020-logo.svg}}}}
- //upload.wikimedia.org/wikipedia/commons/d/dd/MediaWiki-2020-logo.svg
外部 サイトのファイル
オンラインで
[http://url.for/some/image.png]
あるいは
[http://url.for/some/image.png ここにリンクする文言 を記入 ]
[http://www.example.com/some/image.png サンプル'''<del>リッチな</del>''' ''<ins>リンクする文言 </ins>''をここに記入 。]
するとリッチな リンクする
ご
http://url.for/some/image.png
もしこのウィキのオプションが
関連 項目
- Wikipedia:Extended image syntax —
英語 版 ウィキペディアの編集 のガイドライン - Category:Wikipedia image help —
英語 版 ウィキペディアの画像 関連 ヘルプ - ウィキペディアの
画像 に関 するチュートリアル - Wikipedia:Help:Gallery tag —
英語 版 ウィキペディアの画像 ギャラリーのリスト - Manual:Adding support for new filetypes
- phab:T113101 - レスポンシブな
問題 - Extension:PageImages#Can I exclude certain page images?