Example 45. 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
| Name (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
forcereload
|
boolean | boolean | false | read/write |
| If true, the same URL will be reloaded. If false, the same URL will not load multiple times. | ||||
lastloaded
|
string | String | readonly | |
| The last URL loaded by this image tag. Used to prevent the same URL from loading twice. | ||||
prefix
|
string | String | read/write | |
| an optional prefix URL to load from. If specified, the url will be appended to this prefix. | ||||
src
|
string | String | read/write | |
| The URL to load the image from. May be set directly on this attribute or indirectly by specifying a datapath for this tag. | ||||
Attributes inherited from <view>
aaactive, aadescription, aaname, aasilent, aatabindex, align, backgroundrepeat, bgcolor, cachebitmap, capabilities, clickable, clickregion, clip, colortransform, context, contextmenu, cornerradius, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hasdirectionallayout, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, shadowangle, shadowblurradius, shadowcolor, shadowdistance, showhandcursor, source, stretches, subviews, tintcolor, totalframes, unstretchedheight, unstretchedwidth, usegetbounds, valign, visibility, visible, width, x, xoffset, xscale, y, yoffset, yscale
Attributes inherited from <node>
classroot, cloneManager, data, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, styleclass, subnodes, transition
Methods
Methods inherited from <view>
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getCurrentTime, getDepthList, getDisplayObject, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, isBehind, isInFrontOf, isMouseOver, measureHeight, measureWidth, play, proxyurl, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAccessible, setAttributeRelative, setColor, setColorTransform, setPan, setProxyPolicy, setSource, setVolume, shouldYieldFocus, stop, unload, updateResourceSize
Methods inherited from <node>
animate, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setOption, setSelected, updateData
Events inherited from <view>
onaddsubview, onbackgroundrepeat, onblur, onclick, onclickable, onclip, oncontext, oncornerradius, ondblclick, onerror, onfocus, onframe, onframesloadratio, ongesture, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmousetrackout, onmousetrackover, onmousetrackup, onmouseup, onmouseupoutside, onopacity, onplay, onplaying, onremovesubview, onshadowangle, onshadowblurradius, onshadowcolor, onshadowdistance, onstop, ontimeout, ontouch, onvisible, onwidth, onx, ony