Outils pour utilisateurs

Outils du site


image

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

image [2015/10/06 20:06] (Version actuelle)
Ligne 1: Ligne 1:
 +
 +The [[:​image|Image]] plugin allows one to have finer control over the layout of images than just the simple inling 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|image]],​ which is "​imageplugin"​.
 +
 + = Example =
 +
 +[[{Image src='​SandBox/​test.png'​ caption='​Testing image' style='​font-size:​ 120%; color: green;'​}].
 +
 +Shows the attachment SandBox/​test.png with the caption "​Testing image" underneath it.  The text is 120% in height and will be rendered in green color.
 +
 + = CSS =
 +
 +  * {{.imageplugin}} = The table that encompasses the image. ​ It consists of two undercategories:​
 +   * {{img}} = The IMG tag that gets embedded.
 +   * {{caption}} = The caption that is embedded.
 +
 +----
 +
 +Back to [JSPWikiPlugins]
 +
 +
 +# vim: set filetype=dokuwiki:​
  
image.txt · Dernière modification: 2015/10/06 20:06 (modification externe)