[rz] Lights Off in your site *** UPD 2015-Jan-07 ***
[rz] Lights Off in your site *** UPD 2015-Jan-07 ***
[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!
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!
Last edited by [RZ] on Tue Jan 06, 2015 10:38 pm, edited 4 times in total.
Re: Turn off the lights in your site!
Sweet....as in nice one RZ.
- me.prosenjeet
-
- Posts: 1282
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Turn off the lights in your site!
Really nice for a video website.....innovation at its best.
Thanks RZ
Thanks RZ
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------
Re: Turn off the lights in your site!
thank you me for your kind words!
Re: Turn off the lights in your site!
Thanks RZ
Joe
Joe
Re: Turn off the lights in your site!
Thumbs up
Hans
Hans
Re: Turn off the lights in your site!
Every time you write an "extensions" this program is becoming increasingly important and nice to use!
Great [RZ]!!!
Great [RZ]!!!
Re: Turn off the lights in your site!
thank you! (i'm just trying...)
Re: Turn off the lights in your site!
I keep telling RZ that!!!!!!gzagone wrote: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!
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!
now let me see how you did it in your sites!

Re: Turn off the lights in your site!
@RZ: Thanks and keep up the good work and sharing ideas.
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.
- Use secure gateway to buy using PAYPAL website.
Re: Turn off the lights in your site!
thank you adex1 for your words!
i'm trying to learn...
i'm trying to learn...
Re: Turn off the lights in your site! *** UPDATE Jun-03-2013
* 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.
-Compatibility with [rz] Tooltips.
-Option to turn on the light clicking anywhere on the page.
-Improved navigability with the keyboard.
-Improved focus behavior.