DocImages in split format
Introduction [edit section] | = Introduction =One type of item that can be placed on a tbwiki page is an image. |
| Images can be loaded either from external sources, or from the 'files' directory of the current wiki. | Images can be loaded either from external sources, or from the 'files' directory of the current wiki. |
Inline images, from 'files' directory [edit section] | = Inline images, from 'files' directory = |
| Specify an image from this wiki's 'files' directory. | Specify an image from this wiki's 'files' directory. |
Example link syntax:{{{Here is a bird: }}}
|
Example link syntax:{{{Here is a bird: [[image:bird-image.jpg]]}}}
|
| Result: | Result: |
Here is a bird:
| Here is a bird: [[image:bird-image.jpg]] |
specifying image attributes [edit section] | == specifying image attributes ==You can set the height, width and alt_text for an image, by adding animage attribute tag in the image link. Multiple tags can be specified,separated by a space. |
|
Specify an image height of 30 pixels:{{{ |
Specify an image height of 30 pixels:{{{[[image:bird-image.jpg|height="30"]]}}}
|
|
Result: | Result:[[image:bird-image.jpg|height="30"]] |
----Specify an image width of 100 pixels:{{{ }}}
|
----Specify an image width of 100 pixels:{{{[[image:bird-image.jpg|width="100"]]}}}
|
Result:
| Result:[[image:bird-image.jpg|width="100"]] |
| ----Specify a width, and alternate text for the image. | ----Specify a width, and alternate text for the image. |
[[image:bird-image.jpg|width="64" alt="picture of bird"]]}}} |
{{{[[image:bird-image.jpg|width="64" alt="picture of bird"]]}}}
|
Result:
| Result:[[image:bird-image.jpg|width="64" alt="picture of bird"]] |
| ----FIXTHIS - should support captions | ----FIXTHIS - should support captions |
Inline images, from external sources [edit section] | = Inline images, from external sources = |
| This link shows a reference to a (potentially) different web site,using a fully-qualified URL for the image on that site. | This link shows a reference to a (potentially) different web site,using a fully-qualified URL for the image on that site. |
Syntax:{{{ }}}
|
Syntax:{{{[[image:https://bird.org/tbw-files/alert.png]]}}}
|
Result:
| Result:[[image:https://bird.org/tbw-files/alert.png]] |
{{Category(Documentation)}}
|
Categories: Documentation
}}}
}}}