Synopsis
- LZX: image
- JavaScript: lz.image
- Type: Class
- Access: public
- Topic: Components.Base Components
- Declared in: lps/components/base/image.lzx
Description
Example 32. image
<canvas debug="true">
<dataset name="imagedata">
<image url="http://www.openlaszlo.org/images/horses/horse-1-sm.jpg"/>
</dataset>
<wrappinglayout/>
<image src="http://www.openlaszlo.org/images/horses/horse-1-sm.jpg"/>
<image datapath="imagedata:/image/@url"/>
<image prefix="http://www.openlaszlo.org/images/horses/" src="horse-1-sm.jpg"/>
<image src="http://www.openlaszlo.org/images/horses/horse-1-sm.jpg"/>
<image>
<text>Click me</text>
<handler name="onclick">
this.setAttribute('src', 'http://www.openlaszlo.org/images/horses/horse-1-sm.jpg');
</handler>
</image>
<image forcereload="true">
<text>Click me to reload</text>
<handler name="onclick">
this.setAttribute('src', 'http://www.openlaszlo.org/images/horses/horse-1-sm.jpg');
</handler>
</image>
</canvas>
image represents an image that can be loaded at runtime, either by specifying a URL directly or by binding to data
LZX Synopsis
<class name="lz.image" extends="
LzView
">
<attribute name="
lastloaded
" type="string" value="" />
<attribute name="
prefix
" type="string" value="" />
<attribute name="
src
" type="string" value="" />
<event name="
onsrc
" />
</class>
JavaScript Synopsis
public lz.image extends
LzView
{
public var
forcereload
: boolean;
public read-only var
lastloaded
: String;
public var
prefix
: String;
public var
src
: String;
prototype public event
onsrc
;
}