* Just a brief about some of the changes that were made lately...
* New in version 1.1:
- Added RWD support. - Added more 3D push effects. - Optional "push" images and all other images to turn-on and turn-off also are optional (just the first one is required). - Individual fade-in and fade-out time factors. - Images are preloaded for smoother button behavior. - Events support: onclick, onturnon (turn-on cycle started), onturnedon (turn-on cycle ended), onturnoff (turn-off cycle started), onturnedoff (turn-off cycle ended). - External custom function calls: SiteLights.turnon(); SiteLights.turnoff(); SiteLights.toggle(); (Change "SiteLights" with the actual instance name). - Now jQuery is not required.
* NEW in version 1.0.1:
- Compatibility with [rz] Tooltips. - Option to turn on the light clicking anywhere on the page. - Improved navigability with the keyboard. - Improved focus behavior.
How to use?
1. Design your page as you usually do. 2. Design your own on/off images. 3. Drag and drop this extension. 4. Set-up just a few parameters: (mainly) darkness and effect-time! (or leave the default ones.) 5. You can add your own events. 6. Be sure you put your main element over this extension, and this extension over the other screen elements. 7. That's all...