Spotlight Effect

Spotlight Effect

Description:	This effect from Dynamic Drive will allow you to use your cursor as a spotlight. Please note that it will only work with IE4+ browsers. I added the ^GEMDIR/ tag to the line of code that identifies the name of the image being used. Also, the way I created the code, it will not work with multiple images on a page.
How to use:	1. Copy and paste the code (provided at the end of the page) onto your page, using Insert HTML (web gem). 2. Edit the highlighed code for the name of your photo image to be used (and be sure you spell it exactly!) 3. Click on 'Files for this component' and add your photo to the Insert HTML. 4. Publish and enjoy
Example:
Download the code right click on link, then click on 'Save target (or frame) as'
Other information:

Source code:

<style>

<!--

#myimage{

filter:light

}

-->

</style>

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)

//Code enhancements by Dynamicdrive.com

//Visit http://www.dynamicdrive.com for this script

s = 50; // the size of the spotlight

vp = 10; // the visibility percent of the picture

startx = 0; // the top position of your sportlight into the image (on start)

starty = 0; // the left position of your spotlight into the image (on start)

//////////////////////////////////////////////////////////////////

// No need to edit below this line //

//////////////////////////////////////////////////////////////////

var IE = document.all?true:false

function moveL()

{

xv = tempX;

yv = tempY;

myimage.filters.light.MoveLight(1,xv,yv,s,true);

}

if (IE&&myimage.filters)

document.all.myimage.onmousemove = getMouseXY;

var tempX = 0

var tempY = 0

function getMouseXY(e) {

tempX = event.offsetX

tempY = event.offsetY

if (tempX < 0){tempX = 0}

if (tempY < 0){tempY = 0}

if (t)

{

moveL();

}

return true

}

var xv = startx;

var yv = starty;

var t= true;

if (IE&&myimage.filters){

myimage.style.cursor="hand";

myimage.filters.light.addAmbient(255,255,255,vp)

myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)

}

</script>