Difference between revisions of "Image tags"

Latest revision as of 14:29, 14 February 2019

image tags

\\ \\

Adding an image to a space

\\ Images are uploaded to spaces and can then be inserted into any page in that space.\\ \\

 - On any page in your space click "Manage Space"
 - Click "List and Upload Files"
 - Browse to select your file then click "Send File"

\\

Including an image that has already been uploaded

\\

 - Insert the following code File:Imagename into your page, where imagename is the file name of the image as it was uploaded. (Note that file names are case sensitive).
 - The image will appear on your page when you are finished editing

\\

Finding out what images are available on your space

\\

 - When logged in and on a page in your space, click "Manage Space" on the left hand side
 - Click on "List files"

\\

Including external images

\\ You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:\\ \\

| image:walking.jpg\\ | http://www.wikispaces.com/i/l.png%7Cexternal image l.png\\ | \\

Syntax

\\

Image Links

The image link attribute uses the same syntax as the link tag. The following are all valid:\\

@@ Line 1: / Line 1: @@
-<div id="content_view" class="wiki" style="display: block">
-=image tags=
+====== image tags ======
-<br /> <br />
+\\ \\
-==Adding an image to a space==
+===== Adding an image to a space =====
-<br />  Images are uploaded to spaces and can then be inserted into any page in that space.<br /> <br />
+\\  Images are uploaded to spaces and can then be inserted into any page in that space.\\ \\
-# On any page in your space click "Manage Space"
+  - On any page in your space click "Manage Space"
-# Click "List and Upload Files"
+  - Click "List and Upload Files"
-# Browse to select your file then click "Send File"
+  - Browse to select your file then click "Send File"
-<br />
+\\
-==Including an image that has already been uploaded==
+===== Including an image that has already been uploaded =====
-<br />
+\\
-# Insert the following code <nowiki>[[</nowiki>image:imagename]] into your page, where imagename is the file name of the image as it was uploaded. (Note that file names are case sensitive).
+  - Insert the following code [[image:imagename]] into your page, where imagename is the file name of the image as it was uploaded. (Note that file names are case sensitive).
-# The image will appear on your page when you are finished editing
+  - The image will appear on your page when you are finished editing
-<br />
+\\
-==Finding out what images are available on your space==
+===== Finding out what images are available on your space =====
-<br />
+\\
-# When logged in and on a page in your space, click "Manage Space" on the left hand side
+  - When logged in and on a page in your space, click "Manage Space" on the left hand side
-# Click on "List files"
+  - Click on "List files"
-<br />
+\\
-==Including external images==
+===== Including external images =====
-<br />  You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:<br /> <br />
+\\  You can also include images not hosted on Wikispaces. Use the same image tag and reference a URL, for example:\\ \\
-{| class="wiki_table"
-| image:walking.jpg<br />
+| image:walking.jpg\\ | <span style="font-family:monospace">http://www.wikispaces.com/i/l.png|external image l.png</span>\\ |
-|
+\\
-<br />
+===== Syntax =====
-|}
+\\
-<br />
-==Syntax==
+| **attribute**\\ | **example**\\ | **result**\\ | **description**\\ |
-<br />
+| image:imagename\\ | [[image:www-wikispaces-logo.gif]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | include uploaded image\\ |
-{| class="wiki_table"
+| width="pixel"\\ | [[image:www-wikispaces-logo.gif width="20"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | determine width of image\\ |
-| '''attribute'''<br />
+| height="pixel"\\ | [[image:www-wikispaces-logo.gif height="80"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | determine height of image\\ |
-| '''example'''<br />
+| align="left"\\ | [[image:www-wikispaces-logo.gif align="left"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>\\ | Float the image to the left and wrap the text around it\\ |
-| '''result'''<br />
+| align="right"\\ | [[image:www-wikispaces-logo.gif align="right"]]\\ | \\ | Float the image to the right and wrap the text around it\\ |
-| '''description'''<br />
+| align="center"\\ | [[image:www-wikispaces-logo.gif align="center"]]\\ | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span> | Center the image in the middle of the page or table cell\\ |
-|-
+| link="page"\\ | [[image:www-wikispaces-logo.gif link="image tags"]]\\ |  [[/image%20tags|<span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span>]]\\ | Make the image a link to another page or URL\\ |
-| image:imagename<br />
+| caption="an image caption"\\ | [[image:www-wikispaces-logo.gif caption="This is the Wikispaces logo"]]\\ | | <span style="font-family:monospace">/file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif</span> | | This is the Wikispaces logo |\\ | Adds a caption for the image\\ |
-| <nowiki>[[image:www-wikispaces-logo.gif]]</nowiki><br />
+===== Image Links =====
-|
+  The image link attribute uses the same syntax as the link tag. The following are all valid:\\
-[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br />
-| include uploaded image<br />
+| page name alone\\ | [[image:www-wikispaces-logo.gif link="image tags"]]\\ |
-|-
+| space:page name\\ | [[image:www-wikispaces-logo.gif link="www:image tags"]]\\ |
-| width="pixel"<br />
+| full URL\\ | [[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]]\\ |
-| <nowiki>[[image:www-wikispaces-logo.gif width="20"]]</nowiki><br />
-|
-[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br />
-| determine width of image<br />
-|-
-| height="pixel"<br />
-| <nowiki>[[image:www-wikispaces-logo.gif height="80"]]</nowiki><br />
-|
-[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br />
-| determine height of image<br />
-|-
-| align="left"<br />
-| <nowiki>[[image:www-wikispaces-logo.gif align="left"]]</nowiki><br />
-|
-[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]<br />
-| Float the image to the left and wrap the text around it<br />
-|-
-| align="right"<br />
-| <nowiki>[[image:www-wikispaces-logo.gif align="right"]]</nowiki><br />
-| <br />
-| Float the image to the right and wrap the text around it<br />
-|-
-| align="center"<br />
-| <nowiki>[[image:www-wikispaces-logo.gif align="center"]]</nowiki><br />
-|
-<div style="text-align: center">[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]</div>
-| Center the image in the middle of the page or table cell<br />
-|-
-| link="page"<br />
-| <nowiki>[[image:www-wikispaces-logo.gif link="image tags"]]</nowiki><br />
-|
-[[image tags| [[Image:www-wikispaces-logo.gif|www-wikispaces-logo.gif]]]]<br />
-| Make the image a link to another page or URL<br />
-|-
-| caption="an image caption"<br />
-| <nowiki>[[image:www-wikispaces-logo.gif caption="This is the Wikispaces logo"]]</nowiki><br />
-|
-{| class="captionBox"
-| class="captionedImage" |
-[[Image:www-wikispaces-logo.gif| www-wikispaces-logo.gif]]
-|-
-| class="imageCaption" | This is the Wikispaces logo
-|}<br />
-| Adds a caption for the image<br />
-|}
-==Image Links==
-  The image link attribute uses the same syntax as the link tag. The following are all valid:<br />
-{| class="wiki_table"
-| page name alone<br />
-| <nowiki>[[image:www-wikispaces-logo.gif link="image tags"]]</nowiki><br />
-|-
-| space:page name<br />
-| <nowiki>[[image:www-wikispaces-logo.gif link="www:image tags"]]</nowiki><br />
-|-
-| full URL<br />
-| <nowiki>[[image:www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"]]</nowiki><br />
-|}
-</div>