Phrappe

ice-chilled, instant web tips

jQuery lights off effect

September 12, 2011 | Filed under javascript

I’ve been working on a “lights off” effect for videos the other day. Here’s a demo page (with the appropriate code) that I might turn into a proper plugin if there is enough interest. Enjoy…

9 Comments

Turn off all the lights your website to support Earth Hour day using Jquery | 8tut.com March 6th, 2013 at 9:43 am

[...] http://phrappe.com/javascript/jquery-lights-off-effect/ [...]

Dapo September 30th, 2011 at 2:51 pm

Looks good. May I suggest improving this script (like updating it to support the latest jQuery, and preventing clickable links (and images) from being disabled after switching the lights and then turning them back on?

This will be awesome. Thanks alot!

John Tsevdos October 5th, 2011 at 11:22 am

I’ll keep that in mind. I’m pretty sure it’s working with the latest version of jQuery…

Dapo October 5th, 2011 at 4:29 pm

Nope, tried that. It only makes my page (including all the clickable images and links) unclickable, so I guess it’s not working with the latest version of jQuery.

Thanks for the reply.