When inserting an image, its properties can be set on the following four tabs:
General
• | Alternate text: text displayed when the image is not loaded correctly |
• | Width, Height: width and height of the displayed image |
• | aspect ratio can be locked (), which makes the second dimension recalculated automatically when you change one dimension, while the ratio between the two dimensions is kept |
• | if it is unlocked (), dimensions can be entered manually into both fields, without the ratio being kept |
• | you can also reload the default dimensions using the Reset size () icon |
• | Border width: width of the border around the displayed image |
• | Border color: color of the border around the image; has no effect when border width is not set |
• | Horizontal space: horizontal space between the image and the surrounding text |
• | Vertical space: vertical space between the image and the surrounding text |
Link tab
• | URL: if set, the image will become a link to the resource defined by the entered URL. If set, settings on the Behavior tab are overridden! |
• | Target: destination where the linked resource should be displayed when the image is clicked
|
Advanced tab
• | ID: identifier of the image HTML element |
• | Tooltip: text displayed when mouse cursor is placed over the image |
• | Class: image element CSS class |
• | Style: image element additional styles
|
Behavior tab
• | None: image is inserted as standard image; when the image is clicked, no action is performed |
• | Open full size in the same window: image will become a link; when the image is clicked, its full size is displayed in the same window |
• | Open full size in a new window: image will become a link; when the image is clicked, its full size is displayed in a new window |
• | Show larger size on mouse-over: when the mouse cursor is placed over the image, the image is displayed in a "floating window" in the defined size; the image will be inserted as the Image inline control |
Page url:
http://devnet.kentico.com/docs/5_5r2/contexthelp/index.html?image_properties.htm