Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje29-10-2008, 15:06 (UTC)    
Título del mensaje: [Código Javascript] Luz de linterna en imagen.

Este código crea un tipo de luz como una linterna en el puntero del ratón.


Ejemplo:

http://rifchat.es.tl/ejemplo.htm


Código:
<style type="text/css">



<!--

#myimage{
filter:light
}

--></style>
<p align="center"><br />
&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center"><img class="" id="myimage" height="230" width="230" alt="" src="http://img.webme.com/pic/r/rifchat/bola2.jpg" /> <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)


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></p>


Ultima edición por rifchat el Jue Nov 13, 2008 2:39 pm; editado 1 vez
Mensaje29-10-2008, 16:04 (UTC)    
Título del mensaje:

Este tema permanecerá abierto durante el transcurso de 1 semana para comentarios y preguntas sobre el mismo. Pasado este tiempo el tema será cerrado y ordenado.
Gracias por el aporte!

Recordar que los Javascript solo funcionan con Internet Explorer... Es un muy buen efecto!...

Salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group