UIZE JavaScript Framework

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.

BEVEL THICKNESS 0 30
BEVEL OPACITY 0 1