Elephants

SITE WEBMISS VISITOR TUTORIALS HOME HOST DOMAIN

<a href="http://www.offwhite.co.nr/" target=_blank><img src="http://i402.photobucket.com/albums/pp108/bubblegum-drama/v3_link.jpg" border="0"></a>
More?

Spotlight Image Rollover

When you hover over an image using this code, it will show up with a moveable spotlight, like this:

Simply put this code in your header section:

<style> <!-- #myimage{ filter:light } --> </style>

And use this code when you have the image you want to shake:

<img id="myimage" src="YOURIMAGEURLHERE"> <script language="JavaScript1.2"> 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) ///END OF EDITING/// 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>

Hope this tutorial has helped you. If it has, let me know! I love to know that my tutorials are helping people.