Spotlight

Vous désirez faire un effet ''spotlight'' sur une image ?

Copiez ce code et placez-le entre les balises head et /head:

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

puis ce code est à placer à l'endroit ou vous désirez mettre votre image:

<img id="myimage" src="URL_DE_VOTRE_IMAGE.jpg"> <script language="JavaScript1.2"> //Image spotlight effect- By Erik F (die_schlampe@hotmail.com) //Code enhancements by Dynamicdrive.com //Traduit en français par Caro http://creationcaro.abysoft.com s = 50; // the size of the spotlight vp = 10; // the visibility percent of the picture startx = 0; // the top position of your spotlight 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>

Ce que vous pouvez changez dans le code est :

s = 100; // the size of the spotlight (définit la grandeur du spotlight)

vp = 25; // the visibility percent of the picture (définit l'opacité sur l'image)

startx = 0; // the top position of your spotlight into the image (on start) (la position verticale de départ)

starty = 0; // the left position of your spotlight into the image (on start) (la position horizontale de départ)

Voilà!

Mes tutoriels vous aident dans la création de votre site ? Merci à l'avance si vous décidez de faire un lien vers mon site :))

«-Retour

©Graphisme Caro 2003-2005

Merci à Dynamic Drive pour le script et son auteur Erik F