[rz] Lights Off in your site *** UPD 2015-Jan-07 ***

[[RZ]]

[rz] Lights off v1.1

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

DEMO

HTML 4.01 Transitional
W3C compliant

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

[Adendum]

Sweet....as in nice one RZ.

[[RZ]]

thank you adendum!

[me.prosenjeet]

Really nice for a video website.....innovation at its best.
Thanks RZ

[[RZ]]

thank you me for your kind words!

[stamjoe]

Thanks RZ
Joe

[haakoo]

Thumbs up

Hans

[[RZ]]

thank you all.

[[RZ]]

thank you! (i'm just trying...)

[zinc]

Every time you write an "extensions" this program is becoming increasingly important and nice to use!
Great [RZ]!!!

I keep telling RZ that!!!!!!

[[RZ]]

thank you bendigo and many thanks to all of you for your encouraging words.
now let me see how you did it in your sites!

[adex1]

@RZ: Thanks and keep up the good work and sharing ideas.

[[RZ]]

thank you adex1 for your words!
i'm trying to learn...

[[RZ]]

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

[Sharid]

Hi

I am using the following [rz] Lights off and i have a little problem with it, which is that everytime the lightbox opens the lights off extension overlaps the lightbox, is there a code i can stick in the lightbox setting that will bring the lightbox to the front when it opens.

I have tried to right click and move the [rz] Lights off to the back but that did not work.