Search code examples
jqueryeffectglow

Adding glow effect to lamp with JQuery

I'm coming close to finishing a project for a client, they want glowing lamps hanging from the top of their site.

Problem is, it's got to work in IE6+ otherwise I'd do it in css3

I need to know how to make the glow effect smoothly in Jquery

So Far I've come up with half a solution, with getting JQuery to toggle a background image on and off - this would be good for christmas lights or something, but this is not the glow I am looking for

    var glow2 = $('.lamp2');
    setInterval(function(){
    glow2.toggleClass('lampglow');
    }, 3000);
Solution

  • What about something like this?

    http://jsfiddle.net/RrZEw/

    Or you can even enhance it to better fit your needs like this:

    http://jsfiddle.net/RrZEw/1/

    Be creative! :)