JAVASCRIPT EXAMPLES Bevel On Multiple Images
In this example, the Uize.Widget.Bevel.spawn
method is being used to spawn multiple Uize.Widget.Bevel
widget instances. This widget simply adds a bevel effect to the edge of the node to which it attaches. Instances are spawned for all div elements with a CSS class string of "bevelThumb". This is done by specifying a find expression object when calling the Uize.Widget.Bevel.spawn
static method. Additionally, two slider widgets of the Uize.Widgets.Slider.Widget
class are instantiated and are wired up to control the thickness
and opacity
state properties for all the bevel widget instances. Each time the value of either slider changes, all Uize.Widget.Bevel
instances are updated. The batch update is accomplished using the Uize.callOn
static method, which allows a specified instance method or function to be called on all the instances contained inside the specified array - a form of convenience iterator.