FrontPage 

TB Wiki

Login

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 an
image 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: picture of bird
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]]
TBWiki engine 1.9.1 by Tim Bird