magna
Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
BS"D
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Lights Off


This extension allows you to "turn off the lights" in your site.
Watch photos and videos like in home theaters!


HTML 4.01 Transitional
W3C compliant


DEMO


* 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...

Enjoy!
w3c compliant
© 2012-17 by MAGNA web studio • all rights reserved


new shop with