| t | <h1><a name="Introduction">Introduction</a> | t | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/DocImages?action=edit§ion=Introduction">edit section</a>]</font></span> | | |
| </h1> | | |
| One type of item that can be placed on a tbwiki page is an image. | | |
| <p> | | |
| Images can be loaded either from external sources, or from the | | |
| 'files' directory of the current wiki. | | |
| <p> | | |
| <h1><a name="Inline_images,_from_'files'_directory">Inline images, from 'files' directory</a> | | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/DocImages?action=edit§ion=Inline_images,_from_'files'_directory">edit section</a>]</font></span> | | |
| </h1> | | |
| <p> | | |
| Specify an image from this wiki's 'files' directory. | | |
| <p> | | |
| Example link syntax: | | |
| <pre> | | |
| Here is a bird: [[image:bird-image.jpg]] | | |
| </pre> | | |
| <p> | | |
| Result: | | |
| <p> | | |
| Here is a bird: <img src="/tbw-files/bird-image.jpg" > | | |
| <p> | | |
| <h2><a name="specifying_image_attributes">specifying image attributes</a> | | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/DocImages?action=edit§ion=specifying_image_attributes">edit section</a>]</font></span> | | |
| </h2> | | |
| You can set the height, width and alt_text for an image, by adding an | | |
| image attribute tag in the image link. Multiple tags can be specified, | | |
| separated by a space. | | |
| <p> | | |
| Specify an image height of 30 pixels: | | |
| <pre> | | |
| [[image:bird-image.jpg|height="30"]] | | |
| </pre> | | |
| <p> | | |
| Result: | | |
| <img src="/tbw-files/bird-image.jpg" height="30"> | | |
| <p> | | |
| <hr size=2> | | |
| Specify an image width of 100 pixels: | | |
| <pre> | | |
| [[image:bird-image.jpg|width="100"]] | | |
| </pre> | | |
| <p> | | |
| Result: | | |
| <img src="/tbw-files/bird-image.jpg" width="100"> | | |
| <p> | | |
| <hr size=2> | | |
| Specify a width, and alternate text for the image. | | |
| <p> | | |
| <pre> | | |
| [[image:bird-image.jpg|width="64" alt="picture of bird"]] | | |
| </pre> | | |
| <p> | | |
| Result: | | |
| <img src="/tbw-files/bird-image.jpg" width="64" alt="picture of bird"> | | |
| <p> | | |
| <hr size=2> | | |
| FIXTHIS - should support captions | | |
| <p> | | |
| <h1><a name="Inline_images,_from_external_sources">Inline images, from external sources</a> | | |
| <span align=right class="section_edit_link">[<a href="/tbwiki/DocImages?action=edit§ion=Inline_images,_from_external_sources">edit section</a>]</font></span> | | |
| </h1> | | |
| <p> | | |
| This link shows a reference to a (potentially) different web site, | | |
| using a fully-qualified URL for the image on that site. | | |
| <p> | | |
| Syntax: | | |
| <pre> | | |
| [[image:https://bird.org/tbw-files/alert.png]] | | |
| </pre> | | |
| <p> | | |
| Result: | | |
| <img src="https://bird.org/tbw-files/alert.png" > | | |