Image"
Jumperchen (talk | contribs) |
|||
| Line 3: | Line 3: | ||
= Image = | = Image = | ||
| − | *Demonstration: [http://www.zkoss.org/zkdemo/ | + | *Demonstration: [http://www.zkoss.org/zkdemo/multimedia/dynamic_image Image] |
*Java API: <javadoc>org.zkoss.zul.Image</javadoc> | *Java API: <javadoc>org.zkoss.zul.Image</javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Image</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zul.wgt.Image</javadoc> | ||
| + | *Style Guide: N/A | ||
= Employment/Purpose = | = Employment/Purpose = | ||
| Line 38: | Line 39: | ||
| − | =Supported | + | =Supported Events= |
{| border="1" | width="100%" | {| border="1" | width="100%" | ||
| Line 47: | Line 48: | ||
| None | | None | ||
|} | |} | ||
| + | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
=Supported Children= | =Supported Children= | ||
| − | * | + | *None |
| − | =Use | + | =Use Cases= |
{| border='1px' | width="100%" | {| border='1px' | width="100%" | ||
| Line 63: | Line 65: | ||
=Version History= | =Version History= | ||
| − | + | {{LastUpdated}} | |
{| border='1px' | width="100%" | {| border='1px' | width="100%" | ||
! Version !! Date !! Content | ! Version !! Date !! Content | ||
Revision as of 09:29, 18 November 2010
Image
Employment/Purpose
An image component is used to display an image at the browser. There are two ways to assign an image to an image component. First, you could use the src property to specify a URI where the image is located. This approach is similar to what HTML supports. It is useful
if you want to display a static image, or any image that can be identified by URL.
<image src="/my.png">
Like using any other properties that accept an URI, you could specify "*" for identifying a Locale dependent image. For example, if you have different image for different Locales, you could use as follows.
<image src="/my*.png">
Then, assume one of your users is visiting your page with de_DE as the preferred Locale.
Zk will try to locate the image file called /my_de_DE.png. If not found, it will try
/my_de.png and finally /my.png.
Example
<image src="/my.png">
Supported Events
| None | None |
- Inherited Supported Events: XulElement
Supported Children
*None
Use Cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|