Spotlight

[star57]

Ok, had time to learn a little about the extension builder, and have a "Very Basic" Extension... Called Spotlight. Based on Erics example on Dynamicdrive. I picked it because is looked simple to start with.

Works only in Internet Explorer, and Instructions are
Pick your Image, Spotlight Size and Brightness of the Image,.

One image per page, not my rules.
Thats It.


http://www.star57.com/extensions/spotlight.wbx

I apologize, I asked for extensions to be posted so others can make improvements, and what do I do! I forgot to post mine. so here it is
You dont have to credit this one back to me, change it, alter it, not mine anyway!
http://www.star57.com/extensions/spotlight.xwb

**Added Original Demo Link ** http://www.dynamicdrive.com/dynamicindex4/spotlight.htm

[star57]

star57,

this is cod of your extension
<img id="myimage" src="500x500.jpg" style="position:absolute;left:170px;top:2630px;width:260px;height:258px;z-index:34">

all in BOLD, does not add, but it must be there !!!

What do you think ?

In the extension, the are 2 areas that have code,
Between the head tag
<style>
<!--

#myimage{
filter:light;
}

-->
</style>

Body Tag
<img id="myimage" src="$image$">

<script language="JavaScript1.2">

//Image spotlight effect- By Erik F (die_schlampe@hotmail.com)
//Code enhancements by Dynamicdrive.com
//Visit http://www.dynamicdrive.com for this script

s = $size$; // the size of the spotlight
vp = $vis$; // 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>

The rest is made up by WWB, when you move it around on the page. and Move to front and Back.