Page 1 of 2

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

Posted: Sun May 13, 2012 3:13 pm
by [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!

Re: Turn off the lights in your site!

Posted: Sun May 13, 2012 3:21 pm
by Adendum
Sweet....as in nice one RZ.

Re: Turn off the lights in your site!

Posted: Sun May 13, 2012 3:39 pm
by [RZ]
thank you adendum!

Re: Turn off the lights in your site!

Posted: Sun May 13, 2012 7:27 pm
by me.prosenjeet
Really nice for a video website.....innovation at its best.
Thanks RZ

Re: Turn off the lights in your site!

Posted: Sun May 13, 2012 7:34 pm
by [RZ]
thank you me for your kind words!

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 7:33 am
by stamjoe
Thanks RZ
Joe

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 8:08 am
by haakoo
Thumbs up

Hans

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 8:17 am
by [RZ]
thank you all.

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 8:58 am
by gzagone
Every time you write an "extensions" this program is becoming increasingly important and nice to use!
Great [RZ]!!!

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 9:27 am
by [RZ]
thank you! (i'm just trying...)

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 10:04 am
by zinc
gzagone wrote:Every time you write an "extensions" this program is becoming increasingly important and nice to use!
Great [RZ]!!!
I keep telling RZ that!!!!!! :D

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 10:16 am
by [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! :lol:

Re: Turn off the lights in your site!

Posted: Mon May 14, 2012 10:05 pm
by adex1
@RZ: Thanks and keep up the good work and sharing ideas.

Re: Turn off the lights in your site!

Posted: Tue May 15, 2012 12:50 pm
by [RZ]
thank you adex1 for your words!
i'm trying to learn...

Re: Turn off the lights in your site! *** UPDATE Jun-03-2013

Posted: Sun Jun 02, 2013 10:20 pm
by [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.