Difference between revisions of "Image tags"

From www.wmwikis.net
Jump to: navigation, search
(Imported from Wikispaces)
(Imported from Wikispaces)
 
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>
 

Latest revision as of 10: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

\\

| **attribute**\\ | **example**\\ | **result**\\ | **description**\\ | | image:imagename\\ | File:Www-wikispaces-logo.gif\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | include uploaded image\\ | | width="pixel"\\ | File:Www-wikispaces-logo.gif width="20"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | determine width of image\\ | | height="pixel"\\ | File:Www-wikispaces-logo.gif height="80"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | determine height of image\\ | | align="left"\\ | File:Www-wikispaces-logo.gif align="left"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | Float the image to the left and wrap the text around it\\ | | align="right"\\ | File:Www-wikispaces-logo.gif align="right"\\ | \\ | Float the image to the right and wrap the text around it\\ | | align="center"\\ | File:Www-wikispaces-logo.gif align="center"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif | Center the image in the middle of the page or table cell\\ | | link="page"\\ | File:Www-wikispaces-logo.gif link="image tags"\\ | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif\\ | Make the image a link to another page or URL\\ | | caption="an image caption"\\ | File:Www-wikispaces-logo.gif caption="This is the Wikispaces logo"\\ | | /file/view/www-wikispaces-logo.gif|www-wikispaces-logo.gif | | This is the Wikispaces logo |\\ | Adds a caption for the image\\ |

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

| page name alone\\ | File:Www-wikispaces-logo.gif link="image tags"\\ | | space:page name\\ | File:Www-wikispaces-logo.gif link="www:image tags"\\ | | full URL\\ | File:Www-wikispaces-logo.gif link="http://www.wikispaces.com/page/edit/image+tags"\\ |