!!! Overview
[{$pagename}] requires some [context]


[{$pagename}] is also [Media-type]


[{$pagename}] is an artifact that depicts visual perception, for example, a [photo] or a two-dimensional picture, that has a similar appearance to some subject, usually a physical [entity][1]



!! [JSPWikiPlugin]
__Image__ is a [JSPWikiPlugin] that gives you finer control over the layout of images than just the simple in-lining of images.

!! Parameters

;__src__ = '' 'Image source' '': This can either be a full URL (http://...) or a [WikiAttachment] name. Required.
;__align__ = '' 'left|right|center' '': The image alignment.
;__height__ = '' 'integer' '': Force the height of the image.
;__width__ = '' 'integer' '': Force the width of the image.
;__alt__ = '' 'alt text' '': The alt text of an image.  This is very useful when doing pages that can be navigated with text-only browsers.
;__caption__ = '' 'caption text' '': The text that should be shown as a caption under the image.
;__link__ = '' 'hyperlink' '': A hyperlink (http://...).  In the future, you can also use [WikiPages].
;__border__ = '' 'integer' '': Size of the image border.
;__style__ = '' 'style info' '': Any style markup you would like to apply to the table surrounding the image.
;__class__ = '' 'class name' '': Redefine the default class for this image, which is "imageplugin".

!!Examples
{{{
[{Image src='Pic/INFO.png' caption='Testing Image' style='font-size: 120%; color: green;'}]
}}}

Shows the attachment {{Pic/INFO.jpg}} with the caption __Testing Image__ underneath it.  The text is 120% in height and will be rendered in green color.

[{Image src='Pic/INFO.jpg' caption='Testing Image' style='font-size: 120%; color: green;'}]

{{{
[{Image src='http://opi.yahoo.com/online?u=YahooUser1234&m=g&t=2' 
link='http://edit.yahoo.com/config/send_webmesg?.target=YahooUser1234&.src=pg'}]}}}

Shows the Yahoo online / offline graphic and creates a link to Yahoo send message 

[{Image src='http://opi.yahoo.com/online?u=YahooUser1234&m=g&t=2' 
link='http://edit.yahoo.com/config/send_webmesg?.target=YahooUser1234&.src=pg'}]

The Image plugin can do thumbnail links if you're willing to create the thumbnail images yourself, using the {{link}} attribute, e.g.,
{{{
[{Image src='images/ref/image_thumb.png' link='images/ref/image.png'}]
}}}
When you click on the image thumbnail the full size image will be displayed.

It's also good practice to include alternate text using the '{{alt}}' attribute (actually,
this is a validation requirement in XHTML).


!! CSS

;__{{.imageplugin}}__: The table that encompasses the image.  It consists of two subcategories:
;:__{{img}}__ = IMG tag that gets embedded.
;:__{{caption}}__ = caption that is embedded.

!! Category
%%category [JSPWiki-2.10.3]%%

!! More Information
There might be more information for this subject on one of the following:
[{ReferringPagesPlugin before='*' after='\n' }]
----
* [#1] - [Image|Wikipedia:Image|target='_blank'] - based on information obtained 2018-07-10- 
----
See: [JSPWikiCorePlugins]
----