dimmer.js

Reveals an object while dimming all others, i.e., a Lightbox effect.

Functions

OAT.Dimmer.show(element, optObj)

Shows element. Additional options can be specified via optObj:

• color - hexadecimal color of dimming layer
• opacity - opacity of dimming layer
• popup - boolean value specifying whether the element should be hidden by clicking to dimmed place

OAT.Dimmer.hide()

Hides previously shown object and cancels dimmer effect.

Example

var div = OAT.Dom.create("div");
OAT.Dimmer.show(div, {color:"#f00", popup:false}); // modal window

CategoryDocumentation CategoryOAT CategoryOpenSource