Browsing French translation

15.

== Embedded Images

{{ http://www.google.ca/intl/en_ca/images/logo.gif|I'm the Google Logo}}
Both local images and remote (on the Internet) images can be embedded into your documents easily with a simple syntax. There is also a GUI dialog available in the edit screen to make it even easier!

For example, if you are connected to the Internet right now, you should see the Google logo to the right of this text. It also has a caption!

To embed this image, I used the following syntax:
{{ http://www.google.ca/intl/en_ca/images/logo.gif|I'm the Google Logo}}

Notice the space to the left of the URL where there is none on the right side in the above example? That means that we want the image to "float right". With this syntax, the image will appear on the right side of the document while the text neatly wraps around it. Think of it like this; there is a space on the left, because the image has been //shoved// to the right. The same works to make the image "float left" by simply putting the space on the right. The text after the ''|'' symbol is the caption.

If you want the image to appear centered in your document, put a space on both sides like this:
{{ http://www.google.ca/intl/en_ca/images/logo.gif }}

And now the image appears centered. {{ http://www.google.ca/intl/en_ca/images/logo.gif?200 }}

That image appears smaller though because I also used the simple image scaling syntax. The syntax that I used for the centered image looks like this:
{{ http://www.google.ca/intl/en_ca/images/logo.gif?200 }}

Notice the "''?200''" part after the URL? This means that you want the image to appear 200 pixels wide, and scale the height automatically so that the image doesn't look stretched. If you **do** want to //stretch// the image, you can specify both width **and** height like this:

{{ http://www.google.ca/intl/en_ca/images/logo.gif?500x50 }}
{{ http://www.google.ca/intl/en_ca/images/logo.gif?500x50 }}

That means you want the image to be scaled to 500 pixels wide by 50 pixels high.

Locally stored (images on your own computer) can be embedded as well. Just specify the local path to the image file instead of a URL. For example, I could enter:

{{ /home/dcraven/newton.png }}

And that would display the image called ''newton.png'', centered in my document. The same scaling and positioning syntax that applied for remote images still applies exactly the same way for local images.