Example 51. 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 | 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, bgcolor, cachebitmap, clickable, clickregion, clip, contextmenu, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, showhandcursor, source, stretches, subviews, totalframes, unstretchedheight, unstretchedwidth, valign, visibility, visible, width, x, xoffset, y, yoffset
Attributes inherited from <node>
classroot, cloneManager, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, subnodes
Methods
Methods inherited from <view>
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getContextMenu, getCurrentTime, getDepthList, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, measureHeight, measureWidth, play, proxyurl, releaseLayouts, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAAActive, setAADescription, setAAName, setAASilent, setAATabIndex, setAccessible, setAlign, setAttributeRelative, setBGColor, setClickable, setColor, setColorTransform, setContextMenu, setCursor, setHeight, setLayout, setOpacity, setPan, setPlay, setProxyPolicy, setProxyURL, setResource, setResourceNumber, setRotation, setShowHandCursor, setSource, setValign, setVisibility, setVisible, setVolume, setWidth, setX, setXOffset, setY, setYOffset, shouldYieldFocus, stop, stretchResource, unload, updateResourceSize
Methods inherited from <node>
animate, applyConstraint, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getAttribute, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setData, setDatapath, setOption, setSelected, updateData
Events inherited from <view>
onaddsubview, onblur, onclick, ondblclick, onerror, onfocus, onframe, onframesloadratio, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmouseup, onmouseupoutside, onopacity, onplay, onremovesubview, onstop, ontimeout, onvisible, onwidth, onx, ony