Wsm at 18:13, February 9, 2009

2009-02-09T18:13:25Z

Wsm: New page: Before you place an image on a page, you must first put the photo or image on Our Story, by uploading the file. "Upload file" is usually an option in the Toolbox in...

2009-02-09T17:53:46Z

New page: Before you place an image on a page, you must first put the photo or image on Our Story, by uploading the file. "Upload file" is usually an option in the Toolbox in...

New page

Before you place an image on a page, you must first put the photo or image on Our Story, by [[Help:Managing files|uploading the file]]. "Upload file" is usually an option in the Toolbox in the right sidebar. (You can also upload more than one photo at a time, through the [[Special:MultipleUpload|Multiple Upload page]].)

[[Image:Bryan_Hall_1_KenWise.jpg|right|Bryan Hall ca. 1939. Photo by Ken Wise '40.]]You can use the "Image" button at the top of the edit box to place an image, or other file such as sound or video. In the image menu, you can search for your image, resize it, add a caption, and choose alignment on the page.

For example, if you want to put a photo of the [[:Image:Apple Cup 1939 KenWise.jpg|1939 Apple Cup]] on your page, you would click on your story where you want the photo. Then, click the "Image" button on your editing toolbar (looks like a square with a mountain on a yellow background, similar to Microsoft Word). Search for the photo by typing in the first few letters ("apple"). Some choices will appear. You can then write a caption, resize, or put a frame or border around your photo through the "Special Type" menu.

NOTE: If you want to resize your photo, choose "Thumb" or "Border" in the "Special Type" menu. If you choose "Frame," the photo will not be resized.

When editing a story, you can right-click your image to change "Image Properties."

If you would like to browse available images, you can go to these pages:

*[[Special:Newimages|Gallery of new images]] - If you just uploaded one, you will see it here.
*[[Special:Imagelist|All images]] - Shows all of the image files uploaded to Our Story.

You can also find images of WSU at these websites:

*[http://www.wsulibs.wsu.edu/holland/masc/masc.htm WSU Libraries, Manuscripts, Archives, and Special Collections] - A partner in the development of Our Story.
*[http://photos.wsu.edu/ WSU Photos Online]

<br>

'''Gallery of images''' It's easy to make a gallery of '''thumbnails only''', not other images, with the <code><nowiki><gallery></nowiki></code> tag.

On the toolbar, click the <nowiki><S></nowiki> button (for Special tags), then select <nowiki><gallery></nowiki> from the pulldown menu. You can add a list of images in the "Special tag properties" box. For example:

<code><nowiki>
Image:Apple_Cup_1941_KenWise.jpg | Apple Cup 1941
Image:College_hospital_ca1939_KenWise.jpg | College Hospital, ca. 1939
Image:Stevens Hall KenWise.jpg | Stevens Hall, ca. 1939
</nowiki></code>

The gallery will look like this: <gallery>Image:Apple_Cup_1941_KenWise.jpg | Apple Cup 1941
Image:College_hospital_ca1939_KenWise.jpg | College Hospital, ca. 1939
Image:Stevens Hall KenWise.jpg | Stevens Hall, ca. 1939</gallery>

To format the gallery, the syntax is:
<pre><gallery>
Image:{filename}|{caption}
Image:{filename}|{caption}
{...}
</gallery>
</pre>
Note that the image code is not enclosed in brackets when enclosed in gallery tags. <br> Captions are optional, and may contain wiki links or other formatting.

For example:
<pre><gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
Image:Example.jpg
Image:Example.jpg
Image:Example.jpg|''italic caption''
Image:Example.jpg|on page "{{PAGENAME}}"
</gallery>
</pre>
is formatted as: <gallery>
Image:Example.jpg|Item 1
Image:Example.jpg|a link to [[Help:Contents]]
Image:Example.jpg
Image:Example.jpg
Image:Example.jpg|''italic caption''
Image:Example.jpg|on page "{{PAGENAME}}"
</gallery>

<br> '''Images, the wiki markup way'''

If you want to include an image by directly coding in the wiki language, the wiki formatting is: <code><nowiki>[[Image:{name}|{options}]]</nowiki></code> Where options can be zero or more of the following, separated by pipes:

*<code>thumb</code>, <code>thumbnail</code>, <code>frame</code>, or <code>frameless</code>: Controls how the image is formatted
*<code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: Controls the alignment of the image on the page
*<code>baseline</code>, <code>sub</code>, <code>super</code>, <code>top</code>, <code>text-top</code>, <code>middle</code>, <code>bottom</code>, <code>text-bottom</code>: Controls the vertical alignment of the image on the page
*<code>{width}px</code>: Resizes the image to the given width in pixels
*<code>link={destination}</code>: Allows to link to an arbitrary title, URL or just nowhere.
*<code>alt={alternative text}</code>: For changing the alternative text (<code>alt=""</code>) of an 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.

To learn more image and gallery formatting options, visit: http://www.mediawiki.org/wiki/Help:Images

<br>

@@ Line 1: / Line 1: @@
 Before you place an image on a page, you must first put the photo or image on Our Story, by [[Help:Managing files|uploading the file]]. "Upload file" is usually an option in the Toolbox in the right sidebar. (You can also upload more than one photo at a time, through the [[Special:MultipleUpload|Multiple Upload page]].)
-[[Image:Bryan_Hall_1_KenWise.jpg|right|Bryan Hall ca. 1939. Photo by Ken Wise '40.]]You can use the "Image" button at the top of the edit box to place an image, or other file such as sound or video. In the image menu, you can search for your image, resize it, add a caption, and choose alignment on the page.
+[[Image:Bryan Hall 1 KenWise.jpg|right|Bryan Hall ca. 1939. Photo by Ken Wise '40.]]You can use the "Image" button at the top of the edit box to place an image, or other file such as sound or video. In the image menu, you can search for your image, resize it, add a caption, and choose alignment on the page.
 For example, if you want to put a photo of the [[:Image:Apple Cup 1939 KenWise.jpg|1939 Apple Cup]] on your page, you would click on your story where you want the photo. Then, click the "Image" button on your editing toolbar (looks like a square with a mountain on a yellow background, similar to Microsoft Word). Search for the photo by typing in the first few letters ("apple"). Some choices will appear. You can then write a caption, resize, or put a frame or border around your photo through the "Special Type" menu.
@@ Line 21: / Line 21: @@
 <br>
-'''Gallery of images''' It's easy to make a gallery of '''thumbnails only''', not other images, with the <code><nowiki><gallery></nowiki></code> tag.
+== '''Gallery of images''' ==
 On the toolbar, click the <nowiki><S></nowiki> button (for Special tags), then select <nowiki><gallery></nowiki> from the pulldown menu. You can add a list of images in the "Special tag properties" box. For example:
@@ Line 74: / Line 76: @@
 *<code>alt={alternative text}</code>: For changing the alternative text (<code>alt=""</code>) of an 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.
 To learn more image and gallery formatting options, visit: http://www.mediawiki.org/wiki/Help:Images
 <br>

Help:Images - Revision history

Wsm at 18:13, February 9, 2009

Wsm: New page: Before you place an image on a page, you must first put the photo or image on Our Story, by uploading the file. "Upload file" is usually an option in the Toolbox in...