LabelImageElement"
From Documentation
Jumperchen (talk | contribs) |
Jumperchen (talk | contribs) |
||
| Line 11: | Line 11: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
A HTML element with a label and an image. | A HTML element with a label and an image. | ||
| + | |||
| + | = Preload Image = | ||
| + | since 5.5.0 | ||
| + | |||
| + | The feature is applied to all of the LabelImageElement and Image components. | ||
| + | |||
| + | By default the preload function is disabled, so user has to specify the ''custom-attributes'' for it. | ||
| + | For example, | ||
| + | |||
| + | <source lang="xml" high="2"> | ||
| + | <button image="xxx.png"> | ||
| + | <custom-attributes org.zkoss.zul.image.preload=”true”/> | ||
| + | </button> | ||
| + | </source> | ||
| + | |||
| + | Or specify onto the root component. | ||
| + | |||
| + | For example, | ||
| + | |||
| + | <source lang="xml" high="2"> | ||
| + | <window> | ||
| + | <custom-attributes org.zkoss.zul.image.preload=”true”/> | ||
| + | <button image="xxx.png"/> | ||
| + | <image src="xxx.png"/> | ||
| + | </window> | ||
| + | </source> | ||
| + | |||
| + | As you can see, the ''custom-attributes'' will be checked recursively | ||
| + | |||
=Example= | =Example= | ||
N/A | N/A | ||
| + | |||
=Supported Events= | =Supported Events= | ||
| Line 36: | Line 66: | ||
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
| − | | | + | | 5.5.0 |
| − | | | + | | 09/13/2011 |
| − | | | + | | [http://tracker.zkoss.org/browse/ZK-314 A way to pre-load images since many UIs depend on the size of an image ] |
|} | |} | ||
{{ZKComponentReferencePageFooter}} | {{ZKComponentReferencePageFooter}} | ||
Revision as of 04:09, 13 September 2011
Label Image Element
- Demonstration: N/A
- Java API: LabelImageElement
- JavaScript API: LabelImageWidget
Employment/Purpose
A HTML element with a label and an image.
Preload Image
since 5.5.0
The feature is applied to all of the LabelImageElement and Image components.
By default the preload function is disabled, so user has to specify the custom-attributes for it. For example,
<button image="xxx.png">
<custom-attributes org.zkoss.zul.image.preload=”true”/>
</button>
Or specify onto the root component.
For example,
<window>
<custom-attributes org.zkoss.zul.image.preload=”true”/>
<button image="xxx.png"/>
<image src="xxx.png"/>
</window>
As you can see, the custom-attributes will be checked recursively
Example
N/A
Supported Events
| None | None |
- Inherited Supported Events: LabelElement
Supported Children
*All
Version History
| Version | Date | Content |
|---|---|---|
| 5.5.0 | 09/13/2011 | A way to pre-load images since many UIs depend on the size of an image |