Images - Revision history

Rob: /* Syntax for displaying an image */

2008-03-03T01:35:52Z

Syntax for displaying an image

← Older revision		Revision as of 19:35, 2 March 2008
Line 44:		Line 44:
	\|}		\|}

	The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain ~~wiki~~ links ~~or other formatting~~.		The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain [[Formatting text\|formatting]] and [[Links\|links]].

	== Linking to external files ==		== Linking to external files ==

Rob at 01:34, 3 March 2008

2008-03-03T01:34:19Z

← Older revision		Revision as of 19:34, 2 March 2008
Line 1:		Line 1:
	The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists'''		The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists'''
	== Basics of displaying images ==		== Basics of displaying images and linking to them ==
	{\|{{Articletable}}		{\|{{Articletable}}
	\|-		\|-
Line 22:		Line 22:
	\|}		\|}

	== Syntax ==		== Syntax for displaying an image ==
	The full syntax for displaying an image is:		The full syntax for displaying an image is:
	<tt><nowiki>[[Image:Filename.jpg\|options]]</nowiki></tt>		<tt><nowiki>[[Image:Filename.jpg\|options]]</nowiki></tt>
Line 46:		Line 46:
	The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.		The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

	== ~~External~~ files ==		== Linking to external files ==

	You can link to an external file using the same syntax used for linking to an external web page.		You can link to an external file using the same syntax used for linking to an external web page.
	*<tt><nowiki>[http://url.for/some/image.png]</nowiki></tt>		*<tt><nowiki>[http://url.for/some/image.png]</nowiki></tt>
Line 82:		Line 83:

	== Related articles ==		== Related articles ==
	* [[]]		*[[Links\|Help: Links]]
			*[[Formatting text\|Help: Formatting text]]
			*[[How to write an article\|Help: How to write an article]]

	[[Category:Help\|~~Images~~]]		[[Category:Help\|{{PAGENAME}}]]

Rob: /* Basics of displaying images */

2008-03-03T01:30:07Z

Basics of displaying images

← Older revision		Revision as of 19:30, 2 March 2008
Line 3:		Line 3:
	{\|{{Articletable}}		{\|{{Articletable}}
	\|-		\|-
	{{Tableheading}}'''~~Description'''~~		{{Tableheading}}'''Code and purpose'''
	~~{{Tableheading}}'''You type~~'''
	{{Tableheading}}'''You get'''		{{Tableheading}}'''You get'''
	\|-		\|-
	\|~~<small>Embed image<br /> (with alt text)</small>~~		\|<tt><nowiki>[[Image:Testpicture_small.jpg\|Mountains]]</nowiki></tt><br><small>Embed image (with alt text)</small>
	\|		\|[[Image:Testpicture_small.jpg\|Mountains]]
	<tt><nowiki>[[Image:Testpicture_small.jpg\|Mountains]]</nowiki></tt>
	\|
	[[Image:Testpicture_small.jpg\|Mountains]]
	\|-		\|-
	\|~~<small>Link to<br>description page</small>~~		\|<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki></tt><br><tt><nowiki>[[:Image:Testpicture_small.jpg\|Mountains]]</nowiki></tt><br><small>Link to description page</small>
	\|		\|valign="top" \|[[:Image:Testpicture_small.jpg]]<br>[[:Image:Testpicture_small.jpg\|Mountains]]
	<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki><br /><~~/tt~~>
	<tt><nowiki>[[:Image:Testpicture_small.jpg\|Mountains]]</nowiki></tt>
	\|
	[[:Image:Testpicture_small.jpg]]<br />
	[[:Image:Testpicture_small.jpg\|Mountains]]
	\|-		\|-
	\|~~<small>Link directly to file</small>~~		\|<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt><br><tt><nowiki>[[Media:Testpicture_small.jpg\|Mountains]]</nowiki></tt><br><small>Link directly to file</small>
	\|		\|valign="top" \|[[Media:Testpicture_small.jpg]]<br>[[Media:Testpicture_small.jpg\|Mountains]]
	<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt><br />
	<tt><nowiki>[[Media:Testpicture_small.jpg\|Mountains]]</nowiki></tt>
	\|
	[[Media:Testpicture_small.jpg]]<br />
	[[Media:Testpicture_small.jpg\|Mountains]]
	\|-		\|-
	\|~~<small>Thumbnail (aligned left, 100px wide, with caption)</small>~~		\|<tt><nowiki>[[Image:Testpicture_small.jpg\|left\|thumb\|100px\|Mountains]]</nowiki></tt><br><small>Thumbnail (aligned left, 100px wide, with caption)</small>
	\|		\|[[Image:Testpicture_small.jpg\|left\|thumb\|100px\|Mountains]]
	<tt><nowiki>[[Image:Testpicture_small.jpg\|left\|thumb\|100px\|Mountains]]</nowiki></tt>
	\|
	[[Image:Testpicture_small.jpg\|left\|thumb\|100px\|Mountains]]
	\|-		\|-
	\|<small><tt>border</tt> results in a very small gray border<~~/small><ref~~>Sometimes the fine gray border cannot be seen whith certain images.</~~ref~~>		\|<tt><nowiki>[[Image:Testpicture_small.jpg\|border\|100px]]</nowiki></tt><br><small><tt>border</tt> results in a very small gray border.<br>Sometimes the fine gray border cannot be seen whith certain images.</small>
	\|		\|[[Image:Testpicture_small.jpg\|border\|100px]]
	~~<tt><nowiki>[[Image:Testpicture_small.jpg\|border\|100px]]</nowiki></tt>~~
	\|
	[[Image:Testpicture_small.jpg\|border\|100px]]
	\|}		\|}
	~~<references/>~~

	== Syntax ==		== Syntax ==

Rob: /* Image galleries */

2008-03-03T01:19:19Z

Image galleries

← Older revision		Revision as of 19:19, 2 March 2008
Line 75:		Line 75:
	== Image galleries ==		== Image galleries ==

	It's easy to make a gallery of thumbnails with the <tt><nowiki><gallery></nowiki></tt> tag. ~~The syntax~~ is:		It's easy to make a gallery of thumbnails with the <tt><nowiki><gallery></nowiki></tt> tag. This is how us use it:
	<pre>		<pre>
	<gallery>		<gallery>

Rob: /* Syntax */

2008-03-03T01:18:20Z

Syntax

← Older revision		Revision as of 19:18, 2 March 2008
Line 45:		Line 45:
	== Syntax ==		== Syntax ==
	The full syntax for displaying an image is:		The full syntax for displaying an image is:
	<tt><nowiki>[[Image:~~{name}~~\|{options}]]</nowiki></tt>		<tt><nowiki>[[Image:Filename.jpg\|options]]</nowiki></tt>
	Where options can be zero or more of the following, separated by pipes:		Where options can be zero or more of the following, separated by pipes:
	*<tt>thumb</tt>, <tt>thumbnail</tt>, or <tt>frame</tt>: Controls how the image is formatted
	*<tt>left</tt>, <tt>right</tt>, <tt>center</tt>, <tt>none</tt>: Controls the alignment of the image on the page		{\|{{Articletable}}
	*<tt>{width~~}px~~</tt>: Resizes the image to the given width in pixels		{{Tableheading}}'''option'''
	*<tt>~~{caption text}~~</tt>		{{Tableheading}}'''effect'''
	* Special cases:		\|-
	** <tt>~~page=1~~</tt>~~: displays the specified page when showing~~ a ~~djvu file.~~		\|<tt>thumb</tt>, <tt>thumbnail</tt>, or <tt>frame</tt>
			\|Controls how the image is formatted
			\|-
			\|<tt>left</tt>, <tt>right</tt>, <tt>center</tt>, <tt>none</tt>
			\|Controls the alignment of the image on the page
			\|-
			\|<tt>width</tt>
			\|Resizes the image to the given width in pixels (e.g. <tt>100px</tt>)
			\|-
			\|<tt>caption text</tt>
			\|Adds a caption to your image
			\|}

	The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.		The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

Rob: /* Basics of displaying images */

2008-03-03T01:11:09Z

Basics of displaying images

← Older revision		Revision as of 19:11, 2 March 2008
Line 7:		Line 7:
	{{Tableheading}}'''You get'''		{{Tableheading}}'''You get'''
	\|-		\|-
	\|Embed image<br /> (with alt text)		\|<small>Embed image<br /> (with alt text)</small>
	\|		\|
	<tt><nowiki>[[Image:Testpicture_small.jpg\|Mountains]]</nowiki></tt>		<tt><nowiki>[[Image:Testpicture_small.jpg\|Mountains]]</nowiki></tt>
Line 13:		Line 13:
	[[Image:Testpicture_small.jpg\|Mountains]]		[[Image:Testpicture_small.jpg\|Mountains]]
	\|-		\|-
	\|Link to description page		\|<small>Link to<br>description page</small>
	\|		\|
	<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki><br /></tt>		<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki><br /></tt>
Line 21:		Line 21:
	[[:Image:Testpicture_small.jpg\|Mountains]]		[[:Image:Testpicture_small.jpg\|Mountains]]
	\|-		\|-
	\|Link directly to file		\|<small>Link directly to file</small>
	\|		\|
	<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt><br />		<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt><br />
Line 29:		Line 29:
	[[Media:Testpicture_small.jpg\|Mountains]]		[[Media:Testpicture_small.jpg\|Mountains]]
	\|-		\|-
	\|~~Thumbnail~~<~~br /~~> (~~centered~~, ~~100 pixels<br />~~ wide, with caption)		\|<small>Thumbnail (aligned left, 100px wide, with caption)</small>
	\|		\|
	<tt><nowiki>[[Image:Testpicture_small.jpg\|~~center~~\|thumb\|100px\|Mountains]]</nowiki></tt>		<tt><nowiki>[[Image:Testpicture_small.jpg\|left\|thumb\|100px\|Mountains]]</nowiki></tt>
	\|		\|
	[[Image:Testpicture_small.jpg\|~~center~~\|thumb\|100px\|Mountains]]		[[Image:Testpicture_small.jpg\|left\|thumb\|100px\|Mountains]]
	\|-		\|-
	\|~~Border~~<~~br /~~> ~~(100 pixels)~~ <br /> ~~Results~~ in a very small gray border		\|<small><tt>border</tt> results in a very small gray border</small><ref>Sometimes the fine gray border cannot be seen whith certain images.</ref>
	<~~!-- Note: because~~ the fine gray border ~~can not~~ be seen ~~when used on the "Mountains"-image~~. -->
	\|		\|
	<tt><nowiki>[[Image:Testpicture_small.jpg\|border\|100px]]</nowiki></tt>		<tt><nowiki>[[Image:Testpicture_small.jpg\|border\|100px]]</nowiki></tt>
	\|		\|
	[[Image:Testpicture_small.jpg\|border\|100px]]		[[Image:Testpicture_small.jpg\|border\|100px]]
	\|-
	~~\|Frameless<br />Like thumbnail, respect user preferences for image width but without border and no right float.~~
	\|
	~~<tt><nowiki>[[Image:Testpicture_small.jpg\|frameless]]</nowiki></tt>~~
	\|
	~~[[Image:Testpicture_small.jpg\|frameless]]~~
	\|}		\|}
			<references/>

	== Syntax ==		== Syntax ==

Rob at 01:01, 3 March 2008

2008-03-03T01:01:16Z

← Older revision		Revision as of 19:01, 2 March 2008
Line 1:		Line 1:
	The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists'''		The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists'''
			== Basics of displaying images ==
	{\|{{Articletable}}		{\|{{Articletable}}
	\|-		\|-
Line 62:		Line 62:
	The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.		The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

	== ~~Other~~ files ==		== External files ==
	You can link to an external file using the same syntax used for linking to an external web page.		You can link to an external file using the same syntax used for linking to an external web page.
	*<tt><nowiki>[http://url.for/some/image.png]</nowiki></tt>		*<tt><nowiki>[http://url.for/some/image.png]</nowiki></tt>
	Or with different text:		Or with different text:
	*<tt><nowiki>[http://url.for/some/image.png link text here]</nowiki></tt>		*<tt><nowiki>[http://url.for/some/image.png link text here]</nowiki></tt>

	~~If it is enabled on your wiki (see [[Manual:$wgAllowExternalImages]]), you can also embed external images. To do that, simply insert the image's url:~~
	*<tt><nowiki>http://url.for/some/image.png</nowiki></tt>


	== Image galleries ==		== Image galleries ==

Rob: New page: The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists''' {|{{Articletable}} |- {{Tableheading}}'''Description''' {{Tableheadin...

2008-03-03T00:59:50Z

New page: The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists''' {|{{Articletable}} |- {{Tableheading}}'''Description''' {{Tableheadin...

New page

The following will only work if you first '''upload an image file''' to Spydiewiki.com or if it '''already exists'''

{|{{Articletable}}
|-
{{Tableheading}}'''Description'''
{{Tableheading}}'''You type'''
{{Tableheading}}'''You get'''
|-
|Embed image (with alt text)
|
<tt><nowiki>[[Image:Testpicture_small.jpg|Mountains]]</nowiki></tt>
|
[[Image:Testpicture_small.jpg|Mountains]]
|-
|Link to description page
|
<tt><nowiki>[[:Image:Testpicture_small.jpg]]</nowiki> </tt>
<tt><nowiki>[[:Image:Testpicture_small.jpg|Mountains]]</nowiki></tt>
|
[[:Image:Testpicture_small.jpg]] 
[[:Image:Testpicture_small.jpg|Mountains]]
|-
|Link directly to file
|
<tt><nowiki>[[Media:Testpicture_small.jpg]]</nowiki></tt> 
<tt><nowiki>[[Media:Testpicture_small.jpg|Mountains]]</nowiki></tt>
|
[[Media:Testpicture_small.jpg]] 
[[Media:Testpicture_small.jpg|Mountains]]
|-
|Thumbnail (centered, 100 pixels wide, with caption)
|
<tt><nowiki>[[Image:Testpicture_small.jpg|center|thumb|100px|Mountains]]</nowiki></tt>
|
[[Image:Testpicture_small.jpg|center|thumb|100px|Mountains]]
|-
|Border (100 pixels) Results in a very small gray border

|
<tt><nowiki>[[Image:Testpicture_small.jpg|border|100px]]</nowiki></tt>
|
[[Image:Testpicture_small.jpg|border|100px]]
|-
|Frameless Like thumbnail, respect user preferences for image width but without border and no right float.
|
<tt><nowiki>[[Image:Testpicture_small.jpg|frameless]]</nowiki></tt>
|
[[Image:Testpicture_small.jpg|frameless]]
|}

== Syntax ==
The full syntax for displaying an image is:
<tt><nowiki>[[Image:{name}|{options}]]</nowiki></tt>
Where options can be zero or more of the following, separated by pipes:
*<tt>thumb</tt>, <tt>thumbnail</tt>, or <tt>frame</tt>: Controls how the image is formatted
*<tt>left</tt>, <tt>right</tt>, <tt>center</tt>, <tt>none</tt>: Controls the alignment of the image on the page
*<tt>{width}px</tt>: Resizes the image to the given width in pixels
*<tt>{caption text}</tt>
* Special cases:
** <tt>page=1</tt>: displays the specified page when showing a djvu file.

The options can be given in any order. If a given option does not match any of the other possibilities, it is assumed to be the caption text. Caption text can contain wiki links or other formatting.

== Other files ==
You can link to an external file using the same syntax used for linking to an external web page.
*<tt><nowiki>[http://url.for/some/image.png]</nowiki></tt>
Or with different text:
*<tt><nowiki>[http://url.for/some/image.png link text here]</nowiki></tt>

If it is enabled on your wiki (see [[Manual:$wgAllowExternalImages]]), you can also embed external images. To do that, simply insert the image's url:
*<tt><nowiki>http://url.for/some/image.png</nowiki></tt>

== Image galleries ==

It's easy to make a gallery of thumbnails with the <tt><nowiki><gallery></nowiki></tt> tag. The syntax is:
<pre>
<gallery>
Image:Filename.jpg|Caption 1
Image:Filename.jpg|Caption 2
etc.
</gallery>
</pre>
Captions are optional but strongly recommended, and may contain other formatting like links.

Example:
<pre>
<gallery>
Image:Testpicture_small.jpg|Item 1
Image:Testpicture_small.jpg|Item 2
Image:Testpicture_small.jpg|a link to the [[Main Page]]
Image:Testpicture_small.jpg|''italic caption''
</gallery>
</pre>
Results in:
<gallery>
Image:Testpicture_small.jpg|Item 1
Image:Testpicture_small.jpg|Item 2
Image:Testpicture_small.jpg|a link to the [[Main Page]]
Image:Testpicture_small.jpg|''italic caption''
</gallery>

== Related articles ==
* [[]]

[[Category:Help|Images]]