Spotlight.js is a simple jquery plugins that hides the image behind a spotlight.png file created using softwares like photoshop or fireworks.A Best Jquery Plugin So Far.It adds a spotlight effect on your image.The integration of the plug-in is simple and straightforward. Condition is of course the first Include the jQuery core script.
Hover Your Mouse Below To Reveal The Sexy Girl
- First step: download and install spotlight plugin(spotlight.js);
- Second step: create a simple canvas (150x150) with 0.9 opacity level at the borders, and a transparent spot at the center, and save it as 'spotlight.png' (you may wish to download it);
- Third step: include a latest version of jQuery core in your web page:
<SCRIPT TYPE='text/javascript' SRC='jquery-1.4.2.min.js'></SCRIPT>
- Fourth step: include a spotlight.js in your web page
<SCRIPT TYPE='text/javascript' SRC='spotlight.js'></SCRIPT>
- Fifth step: Add an image on your page with something unique identifier:
<IMG SRC='simple.jpg' id='myimage'>
- Sixth step Let's play with it:
<SCRIPT> $('#myimage').spotlight(); </SCRIPT> - Seventh step Or Download!
