Comments on: MooTools Flashlight Effect

By: tatiana

tatiana — Tue, 01 Nov 2011 21:24:54 +0000

Hello, I don´t understand how I can use the JS and css, because it don´t function…

Thanks :)

By: Jared Stein – Education, Technology, Culture, and the Internet » Forced mouse tracking of reading behavior

Tue, 26 Apr 2011 20:39:39 +0000

[...] quick search on Google shows that David Walsh has already worked out a very elegant script that approximates this. My own idea would be to not use a “flashlight” effect, but a “frosted [...]

By: Rwk

Rwk — Mon, 24 Jan 2011 17:33:02 +0000

Hi,

Do you think it is possible to make the “flashlight” discovers a background image?

I saw on a site the following effect: http://www.theatre-des-varietes.fr/ (the site of a French theater. They used flash for effect).

The worry is that CSS can not assign multiple background to the same area … suddenly, I found no solution for a similar effect …

By: Kwame

Kwame — Thu, 26 Aug 2010 23:29:30 +0000

Second paragraph should have been: I used “” to call the style sheet.

By: Kwame

Kwame — Thu, 26 Aug 2010 23:27:02 +0000

Thanks for this tutorial dave. I separated the code into external files. I couldn’t get the flashlight to work. I think the problem is with the calling of the Mootools. How do I call Mootools in an HTML document?

I used to call the style sheet and it works fine.

I think this will be a useful feature for a new product launch page where teaser images are shown for one to see the status of the product. Just fun.

Will appreciate a reply from anybody who can help me out.

By: Robert Visser

Robert Visser — Sat, 02 Jan 2010 18:44:14 +0000

David, Hi. Thanks for making this available. I’m interested in modifying the javascript to to trigger upon right click. I’m using the jQuery version. Any solutions? Thanks. Rob

By: dina

dina — Tue, 01 Sep 2009 18:32:23 +0000

I can imagine the effect utilized on kids’ site, count the cows, or where is daddy’s key for example :P.

By: vonholdt

vonholdt — Thu, 27 Aug 2009 22:02:29 +0000

Wow, I wrote that page months ago just for grins and put it on the CSS_Tricks forum. Glad to hear that people like the idea, though I’m the first to admit it has little practical application.

By: Ivan

Ivan — Wed, 05 Aug 2009 07:59:16 +0000

Here is an interesting real world example of this effect on a South African digital agency called Stonewall+:

http://www.stonewall.co.za

By: Ankie

Ankie — Thu, 30 Jul 2009 17:29:14 +0000

Seems like the links don’t hide in the darkness in Chrome and FF3…hope u can fix this. And thanks a lot for this