Cropping and Inserting images - Revision history

ColinGreenstreet at 07:42, August 23, 2012

2012-08-23T07:42:19Z

Williamtullett at 08:49, August 21, 2012

2012-08-21T08:49:44Z

Williamtullett at 08:49, August 21, 2012

2012-08-21T08:49:14Z

Williamtullett at 19:28, August 19, 2012

2012-08-19T19:28:00Z

Williamtullett at 10:25, August 8, 2012

2012-08-08T10:25:03Z

New page

Describe Cropping and Inserting images here.

@@ Line 11: / Line 11: @@
 So it takes less space and allows for a cleaner page, lets reduce it down to a thumbnail.
-<nowiki>[[File:shipetching1.gif]]</nowiki> will make the image display the image as a thumbnail, which links back to the original wiki.
+<nowiki>[[File:shipetching1.gif|thumbnail]]</nowiki> will make the image display the image as a thumbnail, which links back to the original wiki.
 [[File:shipetching2.gif|thumbnail]]

← Older revision		Revision as of 08:49, August 21, 2012
Line 1:		Line 1:
−	~~(shipetching.gif)~~	+

@@ Line 56: / Line 56: @@
 If you're adding a bunch of images as thumbnails, then this can end up looking strange because images can 'stack' on top of each other.  Sometimes you don't want the text or the next image to 'float' over to the right or left side.
-[[Help with Headings| Headings]] are what you should use, in general, to divide pages into logical sections.  As such, headings have the effect of sectioning off groups of images.  Sometimes, when you're dealing with images, you don't want an actual heading, but just the "sectioning off" effect.  To get this, just use <nowiki>====</nowiki> to force a section break in the page.  You can think of this as a sort of "empty" heading.
+Headings are what you should use, in general, to divide pages into logical sections.  As such, headings have the effect of sectioning off groups of images.  Sometimes, when you're dealing with images, you don't want an actual heading, but just the "sectioning off" effect.  To get this, just use <nowiki>====</nowiki> to force a section break in the page.  You can think of this as a sort of "empty" heading.
 A vertical column is created by having the images all aligned to either the right or left hand side of the page.

← Older revision		Revision as of 19:28, August 19, 2012
Line 1:		Line 1:
−	~~Describe Cropping~~ and ~~Inserting~~ images ~~here~~.	+	(shipetching.gif)
		+
		+
		+	== Plain Image ==
		+
		+	<nowiki>[[File:shipetching.gif]]</nowiki> will display the image you upload. Pretty simple, and may be bad for larger images.
		+
		+	[[File:shipetching.gif]]
		+
		+	== Thumbnail and Sizing ==
		+
		+	So it takes less space and allows for a cleaner page, lets reduce it down to a thumbnail.
		+	<nowiki>[[File:shipetching1.gif]]</nowiki> will make the image display the image as a thumbnail, which links back to the original wiki.
		+
		+	[[File:shipetching2.gif\|thumbnail]]
		+	====
		+	If you wanted to make the image or thumbnail a certain size, adding the length will reduce the image proportionally to that size.
		+	<nowiki>[[File:shipetching3.gif\|thumbnail\|279px]]</nowiki> will change the longer dimension to 279 pixels, keeping the scale of the image.
		+
		+	[[File:shipetching4.gif\|thumbnail\|279px]]
		+
		+	== Captions ==
		+
		+	You may want to include helpful text below an image to add explanation, in addition you can include a [[Help with linking\| link]] to some other site or page.
		+	<nowiki>[[File:shipetching.gif\|thumbnail\|Wenceslaus Hollar, etching, Seventeenth-century English ship, printed in J.J. Ussher, Annales (London, 1654).]]</nowiki> will add the caption to the page.
		+
		+	[[File:image_painting_4.gif\|thumbnail\|Wenceslaus Hollar, etching, Seventeenth-century English ship, printed in J.J. Ussher, Annales (London, 1654).]]
		+
		+	== Alignment on Page ==
		+	[[File:image_painting_5.gif\|thumbnail\|right]]
		+	An image might be in the way of text, or maybe you just want the image to be to the right.
		+	<nowiki>[[File:image.jpg\|thumbnail\|right]]</nowiki> will create an image thumbnail to the right.
		+	Any text below or after the image will appear alongside it rather than below or above it.
		+	You can center an image (as long as it's neither a thumbnail nor captioned) by surrounding the image reference with <nowiki>--></nowiki> and <nowiki><--</nowiki>l.
		+	====
		+	[[File:image_painting_5b.gif\|thumbnail\|left]]
		+	You can also allow wrapping text by aligning the image to the left side of the page.
		+	<nowiki>[[File:shipetching.gif\|thumbnail\|left]]</nowiki> will align the image to the left. This allows you to put text alongside the image, rather than breaking up the text.
		+
		+	== Removing the border ==
		+
		+	Sometimes a border may not look so great for the page, thus the noborder option.
		+	<nowiki>[[File:shipetching.gif\|thumbnail\|noborder]]</nowiki> Has an image without a border.
		+	[[File:image_painting_9.gif\|thumbnail\|noborder]]
		+
		+	== Example ==
		+	[[File:image_painting_6.gif\|thumbnail\|279px\|right\|Wenceslaus Hollar, etching, Seventeenth-century English ship, printed in J.J. Ussher, Annales (London, 1654).]]
		+	Lets put it all together, a sized image thumbnail, aligned to the right of the screen.
		+	<nowiki>[[File:shipetching.jpg\|thumbnail\|279px\|right\|Wenceslaus Hollar, etching, Seventeenth-century English ship, printed in J.J. Ussher, Annales (London, 1654).]]</nowiki>
		+
		+	== Multiple Images and Separators ==
		+	[[File:image_painting_A.gif\|thumbnail\|179px\|right\|Vertical]]
		+
		+	You can add multiple images or thumbnails by simply repeating the macro; there's an example of two images in a line below.
		+
		+	If you're adding a bunch of images as thumbnails, then this can end up looking strange because images can 'stack' on top of each other. Sometimes you don't want the text or the next image to 'float' over to the right or left side.
		+
		+	[[Help with Headings\| Headings]] are what you should use, in general, to divide pages into logical sections. As such, headings have the effect of sectioning off groups of images. Sometimes, when you're dealing with images, you don't want an actual heading, but just the "sectioning off" effect. To get this, just use <nowiki>====</nowiki> to force a section break in the page. You can think of this as a sort of "empty" heading.
		+
		+	A vertical column is created by having the images all aligned to either the right or left hand side of the page.
		+	[[File:image_painting_7.gif\|thumbnail\|179px\|An English ship]] [[File:image_painting_8.gif\|thumbnail\|179px\|Another English ship, it must be a fleet]][[File:image_painting_B.gif\|thumbnail\|179px\|right\|Column]]
		+
		+	= Images on another website =
		+	You can embed images from other websites without uploading them to the wiki. Just paste the URL of the image into the page and the image will appear. In general, it's a good idea to upload images directly to the wiki if you want to use them for a long period of time.