「ヘルプ:Images」を編集中

移動先: 案内、 検索

警告: ログインしていません。編集を行うと、あなたの IP アドレスが公開されます。ログインまたはアカウントを作成すれば、あなたの編集はその利用者名とともに表示されるほか、その他の利点もあります。

この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 編集中の文章
123行目: 123行目:
 
<translate>
 
<translate>
 
<!--T:45-->
 
<!--T:45-->
−
*** '''!''' for MW 1.24 and lower: If you set <code>|link=|</code> (empty), then no <code>title</code> will be rendered. (See [[phabricator:T23454]].)</translate>
+
*** '''!''' If you set <code>|link=|</code> (empty), then no <code>title</code> will be rendered. (See [[bugzilla:21454]].)</translate>
 
<translate>
 
<translate>
 
<!--T:46-->
 
<!--T:46-->
458行目: 458行目:
  
 
<translate>
 
<translate>
−
 
 
== Rendering a gallery of images == <!--T:123-->
 
== Rendering a gallery of images == <!--T:123-->
  
497行目: 496行目:
 
</translate>
 
</translate>
  
−
<source lang="moin">
+
<pre>
−
<gallery>
+
<nowiki><gallery></nowiki>
 
File:Example.jpg|Item 1
 
File:Example.jpg|Item 1
−
File:Example.jpg|a link to [[Help:Contents]]
+
File:Example.jpg|a link to <nowiki>[[Help:Contents]]</nowiki>
 
File:Example.jpg
 
File:Example.jpg
 
File:Example.jpg|alt=An example image. It has flowers
 
File:Example.jpg|alt=An example image. It has flowers
−
File:Example.jpg|''italic caption''
+
File:Example.jpg| <nowiki>''italic caption''</nowiki>
−
Example.jpg|on page "{{PAGENAME}}"
+
File:Example.jpg|on page "<nowiki>{{PAGENAME}}</nowiki>"
−
File:Using Firefox.pdf|page=72
 
 
</gallery>
 
</gallery>
−
</source>
+
</pre>
  
 
<translate>
 
<translate>
520行目: 518行目:
 
File:Example.jpg|alt=An example image. It has flowers
 
File:Example.jpg|alt=An example image. It has flowers
 
File:Example.jpg|''italic caption''
 
File:Example.jpg|''italic caption''
−
Example.jpg|on page "{{PAGENAME}}"
+
File:Example.jpg|on page "{{PAGENAME}}"
−
File:Using Firefox.pdf|page=72
 
 
</gallery>
 
</gallery>
  
552行目: 549行目:
 
</translate>
 
</translate>
  
−
<source lang="moin">
+
<pre>
 
<gallery mode="packed-hover">
 
<gallery mode="packed-hover">
 
Image:Astronotus_ocellatus.jpg|''[[commons:Astronotus ocellatus|Astronotus ocellatus]]'' (Oscar)
 
Image:Astronotus_ocellatus.jpg|''[[commons:Astronotus ocellatus|Astronotus ocellatus]]'' (Oscar)
569行目: 566行目:
 
File:Australian blenny.jpg|''[[commons:Category:Ecsenius|Ecsenius axelrodi]]''
 
File:Australian blenny.jpg|''[[commons:Category:Ecsenius|Ecsenius axelrodi]]''
 
</gallery>
 
</gallery>
−
</source>
+
</pre>
  
 
<translate>
 
<translate>
627行目: 624行目:
  
 
<translate>
 
<translate>
−
 
 
=== Optional gallery attributes === <!--T:145-->
 
=== Optional gallery attributes === <!--T:145-->
  
709行目: 705行目:
  
 
<!--T:161-->
 
<!--T:161-->
−
One way that works for a row of images with varying widths is not to use "thumb" or "left" or "none".</translate>
+
The only thing that works for a row of images with varying widths is not to use "thumb" or "left" or "none".</translate>
 
<translate>
 
<translate>
 
<!--T:162-->
 
<!--T:162-->
737行目: 733行目:
 
[[File:Example.jpg|220px]]
 
[[File:Example.jpg|220px]]
 
[[File:Example.jpg|175px]]
 
[[File:Example.jpg|175px]]
−
 
−
'''To wrap images of varying widths with captions''' it is necessary to use div HTML for an unordered list. Along with <code>style="display: inline-block;"</code>. For more info and ideas see: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Give Floats the Flick in CSS Layouts].
 
−
 
−
<source lang="html">
 
−
<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>
 
−
</source>
 
−
 
−
<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>
 
  
 
<translate>
 
<translate>
772行目: 742行目:
 
<translate>
 
<translate>
 
<!--T:166-->
 
<!--T:166-->
−
Outside of a gallery, or the div HTML, it is impossible to have individual captions for images in a row of images that will wrap to the browser width.</translate>
+
Outside of a gallery it is impossible to have individual captions for images in a row of images that will wrap to the browser width.</translate>
 
<translate>
 
<translate>
 
<!--T:167-->
 
<!--T:167-->
−
Try it and see. Nothing else using wikitext works correctly. Images will either overlap stuff on the right, or force a horizontal scroll bar.  
+
Try it and see. Nothing works. Images will either overlap stuff on the right, or force a horizontal scroll bar.  
  
 
<!--T:168-->
 
<!--T:168-->
792行目: 762行目:
 
<translate>
 
<translate>
 
<!--T:173-->
 
<!--T:173-->
−
The "link=" option modifies this behavior to link to another page or website, or to turn off the image's linking behavior.
+
The "link=" option modifies this behavior to link to another page or website, or to turn off the image's linking behavior.</translate>
 +
<translate>
 +
<!--T:174-->
 +
Alternatively, you can create a text link to an image's description page or to the image itself.
 +
 
 +
=== Text link to image's file description page === <!--T:175-->
 +
 
 +
<!--T:176-->
 +
Use a '''colon''' (<code>:</code>) before <code>{{ns:image}}:</code> to link to image's file description page:
 +
</translate>
 +
 
 +
{| cellpadding=10px
 +
|
 +
[[:{{ns:image}}:{{mediawiki:image_sample}}]]
 +
|
 +
<nowiki>[[</nowiki>:{{ns:image}}:{{mediawiki:image_sample}}]]
 +
|-
 +
|
 +
[[:{{ns:image}}:{{mediawiki:image_sample}}{{!}}Sunflowers]]
 +
|
 +
<nowiki>[[</nowiki>:{{ns:image}}:{{mediawiki:image_sample}}&#124;Sunflowers]]
 +
|}
 +
 
 +
<translate>
 +
=== Text link to actual image === <!--T:177-->
 +
 
 +
<!--T:178-->
 +
Use '''pseudo-namespace''' "<tvar|media>{{ns:media}}</>" for a text link to the actual image:
 +
</translate>
 +
 
 +
{| cellpadding=10px width=90% align=center
 +
|
 +
[[{{ns:media}}:{{mediawiki:image_sample}}]]
 +
|
 +
<nowiki>[[</nowiki>{{ns:media}}:{{mediawiki:image_sample}}]]
 +
|-
 +
|
 +
[[{{ns:media}}:{{mediawiki:image_sample}}{{!}}Sunflowers]]
 +
|
 +
<nowiki>[[</nowiki>{{ns:media}}:{{mediawiki:image_sample}}&#124;Sunflowers]]
 +
|}
  
−
<!--T:174-->
 
−
Alternatively, you can create a text link to a file description page or to the file itself.</translate>
 
 
<translate>
 
<translate>
−
<!--T:204-->
+
<!--T:179-->
−
See <tvar|1>{{ll|Help:Linking to files}}</>.
+
(If above gets you instead a text link to the image's file description, not a link to the actual image, perhaps your wiki's namespaces are configured out of compliance with this feature?)
 +
</translate>
  
 +
<translate>
 
=== Display image, link it to another page or website === <!--T:180-->
 
=== Display image, link it to another page or website === <!--T:180-->
 
</translate>
 
</translate>
841行目: 851行目:
  
 
<translate>
 
<translate>
−
 
 
== Requisites == <!--T:186-->
 
== Requisites == <!--T:186-->
  

ひつじ小屋別館２代目への投稿はすべて、他の投稿者によって編集、変更、除去される場合があります。 自分が書いたものが他の人に容赦なく編集されるのを望まない場合は、ここに投稿しないでください。
また、投稿するのは、自分で書いたものか、パブリック ドメインまたはそれに類するフリーな資料からの複製であることを約束してください（詳細はひつじ小屋別館２代目:著作権を参照）。 著作権保護されている作品は、許諾なしに投稿しないでください！

このページを編集するには、下記の確認用の質問に回答してください (詳細):

取り消し | 編集の仕方 (新しいウィンドウで開きます)

このページで使用されているテンプレート:

「http://littleprincess.sakura.ne.jp/mediawiki/index.php?title=ヘルプ:Images」から取得